Waarom Font Aspect Ratio Matters in webwerwe
Alle lettertipes het 'n aspekverhouding (of waarde). Lettertipe-aspekwaardes word bereken deur die kleinletter x-hoogte van die font deur die lettergrootte te verdeel. As u hierdie waarde het, kan u die eienskap fontSizeAdjust-styl in CSS3 gebruik om die aspekwaarde van die voorkeurskrif wat u webwerf gebruik, te spesifiseer.
Wanneer u webwerf op rekenaars wat nie u voorkeurskrif het nie, gebruik word, word die fontSizeAdjust-eiendom gebruik om die beste lettergrootte vir die vervangende font te kies.
Hierdie eiendom hou jou bladsye goed en jou leesbaar, selfs al is jou eerste keuse font nie beskikbaar nie.
Oor die fontSizeAdjust Property
Deur die fontSizeAdjust-eienskap te gebruik, gee u 'n mate van beheer oor die fontvervanging wanneer dit nodig is. Wanneer die eerste keuse font nie beskikbaar is nie, gebruik die leser die tweede gespesifiseerde font, wat dikwels 'n groot verandering in grootte tot gevolg het. Leesbaarheid van 'n lettertipe word meer beïnvloed deur die grootte van die kleinletters as die grootte van die hoofletters. As die leser die aspekwaarde van jou voorkeurletter ken, kan dit beter bepaal watter grootte om te gebruik wanneer die bladsy in die tweede keuse font vertoon word.
Hier is 'n voorbeeld wat fontgrootte aanpas deur die aspekverhouding van 0.58 te gebruik, wat die verhoudingsverhouding vir Verdana is. As Verdana nie op 'n rekenaar beskikbaar is nie, verander die leser die vervangende font sodat dit dieselfde lettergrootte het vir die beste leesbaarheid.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";Nota: vanaf Mozilla Firefox word slegs die fontSizeAdjust-eienskap ten volle ondersteun.
Gewone Font Aspect Ratios
Hierdie tabel toon berekeninge vir die aspekverhoudings van verskeie gewilde fontfamilies.
| font | Aspect Ratio |
|---|---|
| Arial | 0.52 |
| Avant Garde | 0.45 |
| wetenschapsman | 0.40 |
| Calibri | 0.47 |
| Eeue skoolboek | 0.48 |
| Cochin | 0.41 |
| Strip Sans | 0.53 |
| Courier | 0,43 |
| Koerier Nuwe | 0.42 |
| Garamond | 0,38 |
| Georgia | 0.48 |
| helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| Trebuchet | 0.52 |
| Verdana | 0.58 |