Skip to content

Instantly share code, notes, and snippets.

@iptpv

iptpv/optimize-legibility.css

Forked from mrjasonweaver/optimize-legibility.css
Created April 10, 2014 11:02
Show Gist options
  • Save iptpv/10368677 to your computer and use it in GitHub Desktop.
Save iptpv/10368677 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
optimize-legibility.css
/* -- 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