Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save benknight/10549354 to your computer and use it in GitHub Desktop.
Save benknight/10549354 to your computer and use it in GitHub Desktop.
/* While most people are using text-rendering: optimizeLegibility;
* in their projects for better text rendering, it's actually non
* standard CSS (it's a SVG property).
* The standard way is to use the font feature settings for OpenType.
* The snippet below replicates text-rendering: optimizeLegibility;
*------------------------------------------------------------------- */
-moz-font-feature-settings:"kern" 1, "liga" 1;
-moz-font-feature-settings:"kern=1, liga=1";
-ms-font-feature-settings:"kern" 1, "liga" 1;
-o-font-feature-settings:"kern" 1, "liga" 1;
-webkit-font-feature-settings:"kern" 1, "liga" 1;
font-feature-settings:"kern" 1, "liga" 1;
/* This enables kerning and common ligatures, as does text-rendering: optimizeLegibility;
* Most modern browsers have support for this. */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment