Typografieschaalgenerator
De type scale generator berekent een modulaire typografische schaal uit een basislettergrootte en een ratio, van Minor Second (1.067) tot de gulden snede (1.618), en geeft negen groottes als CSS custom properties.
Over deze tool
De type scale generator berekent een modulaire typografische schaal uit een basislettergrootte en een ratio, van Minor Second (1.067) tot de gulden snede (1.618), en geeft negen groottes als CSS custom properties.
Zo gebruik je het
- Voer een basislettergrootte in pixels in (16 px is de standaard van de browser).
- Kies een schaalratio, zoals Major Third (1.25).
- Kies de eenheid voor de output: rem, px of em.
- Klik op Copy CSS Variables om de groottes van --xs tot --4xl te gebruiken.
Goed om te weten
- Elke stap in een modulaire schaal vermenigvuldigt de vorige grootte met dezelfde ratio.
- De generator maakt negen stappen: twee onder de basis, de basis zelf en zes erboven.
- Kleinere ratio's (1.067–1.2) passen bij compacte interfaces; grotere ratio's (1.333–1.618) bij redactionele pagina's met grote koppen.
- rem-waarden worden berekend ten opzichte van een root-lettergrootte van 16 px.
- Met rem schaalt tekst mee met de lettergrootte-instelling in de browser van de gebruiker.
Werkt volledig in je browser — niets wat je invoert wordt geüpload of opgeslagen.
Veelgestelde vragen
Wat is een modulaire typografische schaal?
Een reeks lettergroottes waarbij elke grootte de vorige is, vermenigvuldigd met een vaste ratio, zodat koppen en broodtekst visueel bij elkaar passen.
Welke schaalratio moet ik gebruiken?
Major Third (1.25) en Perfect Fourth (1.333) zijn populaire allrounders. Gebruik een kleinere ratio voor apps en dashboards en een grotere voor landingspagina's en blogs.
Moeten lettergroottes in rem of px?
rem wordt meestal aangeraden, omdat het de voorkeurslettergrootte van de gebruiker in de browser respecteert, wat de toegankelijkheid verbetert.
Welke basislettergrootte moet ik gebruiken?
16 px is de standaard van browsers en een goede basis voor broodtekst; veel sites gebruiken 16–18 px voor prettig lezen.