Skip to content

Instantly share code, notes, and snippets.

@cycold
Forked from mrjasonweaver/optimize-legibility.css
Created April 1, 2014 02:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cycold/9906746 to your computer and use it in GitHub Desktop.
Save cycold/9906746 to your computer and use it in GitHub Desktop.
/* -- Android webkit mobile optimizeLegibility bug --
A noticeable rendering bug when using the
Cross-browser kerning-pairs & ligatures css
declaration (text-rendering: optimizeLegibility;)
where the anchor links are highlighted and set
just above the actual text. This makes it difficult
to touch activate the link properly.
Use Modernizr to detect for touch events &
target the appropriate class.
----------------------------------------------------- */
/*-- Target Modernizr.no-touch class --*/
.no-touch body {
text-rendering: optimizeLegibility; /*-- Only target non touch based screens --*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment