mozilla

Compare Revisions

text-rendering

Change Revisions

Revision 25019:

Revision 25019 by grendel on

Revision 25020:

Revision 25020 by grendel on

Title:
text-rendering
text-rendering
Slug:
CSS/text-rendering
CSS/text-rendering
Tags:
css, SVG, "CSS Reference", NeedsMobileBrowserCompatibility
css, SVG, "CSS Reference", NeedsMobileBrowserCompatibility
Content:

Revision 25019
Revision 25020
n63        The browser emphasizes geometric precision over renderingn
> speed and legibility. Certain aspects of fonts—such as kerning—d 
>on't scale linearly, so geometricPrecision can make text using th 
>ose fonts look good. 
nn64          The browser emphasizes geometric precision over renderi
 >ng speed and legibility. Certain aspects of fonts—such as kerning
 >—don't scale linearly, so geometricPrecision can make text using 
 >those fonts look good.
65        </p>
66        <p>
67          In SVG, when text is scaled up or down, browsers calcul
 >ate the final size of the text (which is the specified font size 
 >and the applied scale) and request a font of that computed size f
 >rom the platform's font system. But if you request a font size of
 >, say, 9 with a scale of 140%, the resulting font size of 12.6 do
 >esn't explicitly exist in the font system, so the browser rounds 
 >the font size to 12 instead. This results in stair-step scaling o
 >f text.
68        </p>
69        <p>
70          But geometricPrecision property—when fully supported by
 > the rendering engine—lets you scale your text fluidly. For large
 > scale factors, you might see less-than-beautiful text rendering,
 > but the size is what you would expect—neither rounded up nor dow
 >n to the nearest font size supported by Windows or Linux.
71        </p>
72        <p>
65          WebKit precisely applies the specified value, but Gecko73          WebKit precisely applies the specified value, but Gecko
> treats the value the same as <code>optimizeLegibility&gt;/code&g> treats the value the same as <code>optimizeLegibility</code>.
>t;.</code> 
t275              Defaults to&nbsp;<code>optimizeLegibility</code>&nbt283              Gecko treats the value the same as&nbsp;<code>optim
>sp;for text &gt; 20px>izeLegibility</code>.

Back to History