szövegmegjelenítés

Ezen az oldalon

A szövegmegjelenítés A CSS tulajdonság információt nyújt a renderelő motornak arról, hogy mire kell optimalizálni a szöveg megjelenítésekor.

kaszkád

A böngésző kompromisszumokat köt a sebesség, az olvashatóság és a geometriai pontosság között.

Jegyzet: A szövegmegjelenítő tulajdonság egy SVG tulajdonság, amelyet egyetlen CSS szabvány sem határoz meg. A Gecko és a WebKit böngészők azonban lehetővé teszik ennek a tulajdonságnak a HTML és XML tartalmakra való alkalmazását Windows, MacOS és Linux rendszereken.

Az egyik nagyon látható hatás az optimizeLegibility, amely egyes betűtípusok (például a Microsoft Calibri, Candara, Constantia és Corbel, vagy a DejaVu betűtípuscsalád) számára lehetővé teszi a ligatúrák (ff, fi, fl stb.) 20px-nél kisebb szövegben történő használatát.

Szintaxis

Értékek

A böngésző hangsúlyozza a geometriai pontosságot a megjelenítés sebességével és olvashatóságával szemben. A betűtípusok bizonyos aspektusai - például a kerning - nem skálázódnak lineárisan. Tehát ez az érték jól megjelenítheti a betűket használó szöveget.

Az SVG-ben, amikor a szöveget felfelé vagy lefelé méretezik, a böngészők kiszámítják a szöveg végleges méretét (amelyet a megadott betűméret és az alkalmazott skála határoz meg), és a platform betűkészletéből kérnek egy ilyen kiszámított méretű betűtípust. De ha mondjuk 9-es betűméretet igényel 140% -os skálával, akkor a kapott 12,6-os betűméret kifejezetten nem létezik a betűkészlet-rendszerben, ezért a böngésző a betűméretet 12-re kerekíti. Ennek eredményeként a lépcsőfok léptékű léptékű lesz.

De a geometricPrecision tulajdonság - ha a megjelenítő motor teljes mértékben támogatja - lehetővé teszi a szöveg folyékony méretezését. Nagy léptékű tényezőknél előfordulhat, hogy a gyönyörűnél nem szép szövegvisszaadás jelenik meg, de a méret az, amire számíthat - sem a Windows, sem a Linux által támogatott legközelebbi betűméretig nem kerekítve, sem lefelé.

jegyzet: A WebKit pontosan alkalmazza a megadott értéket, de Gecko ugyanúgy kezeli az értéket, mint az optimizeLegibility .

Formális meghatározás

Kezdő érték VonatkozikÖrököltSzámított értékAnimáció típusa
auto
szöveges elemek
Igen
a megadott módon
diszkrét

Formális szintaxis

Példák

Az optimizeLegibility automatikus alkalmazása

Ez bemutatja, hogy a böngészők hogyan használják az optimizeLegibility-t automatikusan, ha a betűméret kisebb, mint 20 képpont .

Eredmény

optimalizeSpeed ​​vs optimizeLegibility

Ez a példa megmutatja a különbséget az optimalizeSpeed ​​és az optimizeLegibility megjelenése között (a böngészőben; más böngészők eltérhetnek).