Alle lettertypen hebben een beeldverhouding (of waarde). Lettertype-aspectwaarden worden berekend door de kleine letter x-hoogte van het lettertype te delen door de tekengrootte. Wanneer u deze waarde hebt, kunt u de eigenschap styleSizeAdjust style in CSS3 gebruiken om de aspectwaarde op te geven van het voorkeurslettertype dat wordt gebruikt om uw website weer te geven.
Wanneer uw website wordt weergegeven op computers die niet het gewenste lettertype hebben, wordt de eigenschap fontSizeAdjust gebruikt om de beste lettergrootte voor het vervangende lettertype te selecteren.
Deze eigenschap zorgt ervoor dat uw pagina's er goed uitzien en uw type leesbaar blijft, zelfs als uw eerste lettertype niet beschikbaar is.
Over de eigenschap fontSizeAdjust
Het gebruik van de eigenschap fontSizeAdjust geeft u enige controle over de vervanging van lettertypen wanneer dit nodig is. Wanneer het eerste-keuslettertype niet beschikbaar is, gebruikt de browser het tweede gespecificeerde lettertype, wat vaak resulteert in een grote verandering in grootte. De leesbaarheid van een lettertype wordt meer beïnvloed door de grootte van de kleine letters dan de grootte van de hoofdletters. Wanneer de browser de aspectwaarde weet voor het door u gekozen lettertype, kan deze beter achterhalen welk formaat moet worden gebruikt bij het weergeven van de pagina in het lettertype van de tweede keus.
Hier is een voorbeeld dat de lettergrootte aanpast met de beeldverhouding van 0,58, de beeldverhouding voor Verdana. Als Verdana niet beschikbaar is op een computer, wordt de grootte van het vervangende lettertype door de browser aangepast, zodat deze kleine letters van vergelijkbare grootte heeft voor de beste leesbaarheid.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";
Opmerking: vanaf publicatie ondersteunt alleen Mozilla Firefox de eigenschap fontSizeAdjust volledig.
Algemene verhoudingen van lettertype-afmetingen
Deze tabel toont berekeningen voor de beeldverhoudingen van verschillende populaire lettertypefamilies.
| doopvont | Beeldverhouding |
|---|---|
| Arial | 0.52 |
| Avant Garde | 0.45 |
| wetenschapsman | 0.40 |
| Calibri | 0.47 |
| Century Schoolbook | 0.48 |
| Cochin | 0.41 |
| Comic Sans | 0.53 |
| Koerier | 0.43 |
| Koerier Nieuw | 0.42 |
| Garamond | 0.38 |
| Georgië | 0.48 |
| Helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| trebuchet | 0.52 |
| Verdana | 0.58 |
