text-renderingHotel v CSS omogoča izbiro kakovosti besedila nad hitrostjo (ali obratno), ki vam omogoča fino optimizacijo tune, ki jih kaže v brskalniku, kako naj to postane besedilo na zaslonu. Povedal je še en način v MDN:
Lastnost
text-renderingCSS daje mehanizmu za upodabljanje informacije o tem, kaj optimizirati pri upodabljanju besedila. Brskalnik ustvarja kompromise med hitrostjo, čitljivostjo in geometrijsko natančnostjo.
Nekaj primerov pred in po tem si lahko ogledate tukaj. Včasih je rezultat ravno boljši kerning:
Nekatere datoteke pisav vsebujejo dodatne informacije o upodabljanju pisave. optimizeLegibilityuporablja te informacije in optimizeSpeedjih ne.
Primer
p.legibility ( text-rendering: optimizeLegibility; ) p.speed ( text-rendering: optimizeSpeed; )Izvedba
Ko rečemo, da gre za kompromis med hitrostjo in natančnostjo, se ne hecajo. Upoštevati je mogoče pomembna vprašanja glede uspešnosti. Ta članek je vredno citirati v celoti:
Pri uporabi optimizeLegibility za dolge strani v mobilnih napravah dejansko obstajajo resne, dejansko usodne težave z zmogljivostjo (na primer 30-sekundne zamude pri nalaganju ali več). Uporabite ga le, če veste, kakšna bo največja dolžina besedila. (Prav tako se izogibajte uporabi za odjemalce Android, vsaj v starejših različicah, ki jih še vedno uporabljajo vsi: v njegovem prikazovalniku pisav so pogosto omogočene zelo čudne napake, ko je ta način omogočen.)
Opravil sem nekaj preizkusov z Instapaperjem, da bi določil približne omejitve učinkovitosti optimizeLegability. Članek s 5000 besedami v Instapaperju za iOS bo na primer optimizeLegibility uporabljal samo na napravah s CPU razreda A5 ali več. Da bi se izognili težavam na starejših napravah iOS, ne priporočam uporabe optimizeLegability na slepo in brezpogojno na straneh, daljših od približno 1000 besed. In sploh ne bi priporočal, da ga omogočite v Androidu.
To je skušnjava:
/* Probably not advisable */ body ( text-rendering: optimizeLegibility; )Vendar bodite previdni pri tem, zdi se nevarno, še posebej, če se nanaša na poljubno stran.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 4+ | 5+ | 3+ | Mogoče post-Blink? | ne | 2,3+? | 3+? |
Obstajajo različne napake. Android izdaja z novimi vrsticami. Chrome ima različne, tudi razmike med črkami. Safari (in drugi) privzeto optimizira hitrost in ne določa sproti.