Text-Rendering

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.


Copyright © Emw3.com 2013-2017
Some rights reserved