Skip to content

Instantly share code, notes, and snippets.

@mrjasonweaver
Created October 23, 2011 15:57
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save mrjasonweaver/1307515 to your computer and use it in GitHub Desktop.
Save mrjasonweaver/1307515 to your computer and use it in GitHub Desktop.
Android webkit mobile browser optimizeLegibility bug
/* -- 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