Alle lettertypen hebben een beeldverhouding (of waarde). Lettertype-aspectwaarden worden berekend door de kleine x-hoogte van het lettertype te delen door de lettergrootte. Als je deze waarde hebt, kun je de fontSizeAdjust style in CSS3 om de aspectwaarde op te geven van het voorkeurslettertype dat wordt gebruikt om uw website weer te geven. Wanneer uw website wordt bekeken op computers die niet uw voorkeurslettertype 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 tekst leesbaar blijft, zelfs als het lettertype van uw eerste keuze niet beschikbaar is.
Over de eigenschap fontSizeAdjust
Het gebruik van de eigenschap fontSizeAdjust geeft u enige controle over de lettertypevervanging wanneer dat nodig is. Wanneer het lettertype van de eerste keuze niet beschikbaar is, gebruikt de browser het tweede opgegeven 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 door de grootte van de hoofdletters. Wanneer de browser de aspectwaarde voor uw voorkeurslettertype kent, kan hij beter bepalen welke grootte hij moet gebruiken bij het weergeven van de pagina in het tweede keuzelettertype. Hier is een voorbeeld dat de lettergrootte aanpast met behulp van de beeldverhouding van 0,58, de beeldverhouding voor Verdana. Als Verdana niet beschikbaar is op een computer, past de browser het vervangende lettertype aan zodat het kleine letters van vergelijkbare grootte heeft voor de beste leesbaarheid. Vanaf publicatie ondersteunt alleen Mozilla Firefox de eigenschap fontSizeAdjust volledig.
Algemene beeldverhoudingen voor lettertypen
Deze tabel toont berekeningen voor de hoogte-breedteverhoudingen van verschillende populaire lettertypefamilies.
Lettertype | Beeldverhouding |
---|---|
Arial | 0,52 |
Avant-garde | 0.45 |
Boekman | 0.40 |
Calibri | 0.47 |
Eeuw Schoolboek | 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 |
Meer van Lifewire
-
Hoe de Chromecast-resolutie aan te passen
-
17 Beste gratis herfst- en herfstlettertypen
-
Lettertypen om te gebruiken voor St. Patrick’s Day
-
Mac- of Windows-lettertypebestanden zoeken
-
Het standaardlettertype in het e-mailprogramma van de Mac wijzigen
-
Leer het standaard e-maillettertype in AOL Mail te wijzigen
-
Een toetsenbord groter maken op Android
-
Hoe het lettertype op Android te wijzigen
-
Hoe u het standaardlettertype en de standaardgrootte in Outlook kunt wijzigen
-
Hoe de tekstgrootte op Android te wijzigen
-
Letterkleuren en -stijlen wijzigen op PowerPoint-dia’s
-
De lettergrootte van de Outlook-berichtenlijst wijzigen
-
De juiste manier om vetgedrukte lettertypen effectief te gebruiken in ontwerp
-
Koppelingen naar handtekeningen toevoegen in Mac OS X Mail of macOS Mail
-
De lettertype-instellingen van Gmail wijzigen
-
Afbeeldingen converteren met Linux
Uw privacyrechten
Lifewire en onze externe partners gebruiken cookies en verwerken persoonlijke gegevens zoals unieke identificatiegegevens op basis van uw toestemming om informatie op een apparaat op te slaan en/of te openen, gepersonaliseerde advertenties weer te geven en voor inhoudsmeting, doelgroepinzicht en productontwikkeling. Klik hieronder om uw toestemmingskeuzes voor Lifewire.com te wijzigen of in te trekken, inclusief uw recht om bezwaar te maken wanneer een legitiem belang wordt gebruikt. U kunt uw instellingen op elk moment bijwerken via de link “EU-privacy” onderaan elke pagina. Deze keuzes worden wereldwijd aan onze partners gesignaleerd en hebben geen invloed op de browsegegevens. Lijst met partners (leveranciers)
Wij en onze partners verwerken gegevens om:
Scan actief apparaatkenmerken voor identificatie. Gebruik nauwkeurige geolocatiegegevens. Informatie op een apparaat opslaan en/of openen. Selecteer gepersonaliseerde inhoud. Maak een gepersonaliseerd inhoudsprofiel. Meet advertentieprestaties. Selecteer basisadvertenties. Maak een gepersonaliseerd advertentieprofiel. Selecteer gepersonaliseerde advertenties. Pas marktonderzoek toe om doelgroepinzichten te genereren. Inhoudsprestaties meten. Ontwikkelen en verbeteren van producten. Lijst met partners (leveranciers)