Choose the quality of text appearance vs speed of text rendering.
text-rendering: { auto |optimizeSpeed | optimizeLegibility | geometricPrecision ;}
auto - Allow the browser to select an optimization for speed and legibility (default).
optimizeSpeed - Emphasize rendering speed over legibility. Disables kerning and ligatures.
optimizeLegibility - Emphasize legibility over rendering speed or geometric precision. Enable kerning and optional ligatures for certain fonts. Using optimizeLegibility for long pages (1,000+ words) will introduce significant, performance problems on mobile devices.
geometricPrecision - Emphasize geometric precision over rendering speed and legibility. Allows for more fluid scaling of SVG fonts & font kerning. WebKit Only.
Examples:
h1 { text-rendering: optimizeLegibility; }
.emw3class { text-rendering: geometricPrecision; }
#emw3id { text-rendering: auto; }
Try it:
A stationary object remains stationary if the sum of the forces acting upon it - resultant force - is zero. A moving object with a zero resultant force keeps moving at the same speed and in the same direction. |
Text-Rendering is not defined in any CSS standard. Browser Support: Gecko/WebKit/Blink.
“In skating over thin ice our safety is in our speed” ~ Ralph Waldo Emerson
Related:
font-size-adjust - Attempt to normalise the font size. CSS3
font-smoothing - Apply anti-aliasing to fonts.