Lettertype-combinaties & Google Fonts-directory
Blader door een samengestelde directory van populaire Google Fonts met live voorvertoningen, filter op categorie en zoek op naam, kopieer dan kant-en-klare CSS en verken voorgestelde lettertypecombinaties — allemaal in je browser.
Alles draait in je browser — lettertypen worden alleen voor de live voorvertoning vanaf Google Fonts geladen, er wordt niets geüpload, geen registratie, volledig gratis.
Een kop gezet in het display-lettertype
En hier is een alinea broodtekst gezet in het gecombineerde tekstlettertype. Goede lettertypecombinaties balanceren persoonlijkheid en leesbaarheid: een karaktervol koplettertype trekt de aandacht, terwijl een schoon, comfortabel tekstlettertype lange passages makkelijk leesbaar houdt. Klik op "CSS" om beide @import-regels en de font-family-regels voor je koppen en tekst te kopiëren.
Over Lettertype-combinaties & Google Fonts-directory
Deze lettertypedirectory verzamelt 80 populaire Google Fonts op één doorzoekbare pagina, elk weergegeven als een live proefdruk met een pangramzin, een alfabet- en cijferregel, en een categoriebadge. Het dekt vijf lettertypefamilies: schreefloos, schreef, display, handschrift en monospace, zodat je echte lettervormen kunt vergelijken in plaats van te gokken op basis van namen.
Elke lettertypekaart bevat samengestelde combinatiesuggesties: partnerletters die goed samenwerken voor koppen en hoofdtekst. Klikken op een combinatiechip opent een preview die een titel in het ene lettertype zet en een alinea in het andere, zodat je de combinatie in context kunt beoordelen voordat je je eraan committeert.
Als een lettertype of combinatie past, kopieert één klik kant-en-klare CSS: een @import-regel voor het Google Fonts-stylesheet plus de bijbehorende font-family-stack met een verstandige fallback. Lettertypen worden alleen voor de live previews vanaf Google Fonts geladen; niets van wat je typt wordt ergens geüpload.
Hoe gebruik je Lettertype-combinaties & Google Fonts-directory
- Blader door de lettertypekaarten, elk met naam, categoriebadge en live voorbeeldtekst in het echte lettertype.
- Gebruik het zoekvak om een lettertype op naam te vinden, of klik op een categoriechip (schreefloos, schreef, display, handschrift, monospace) om het raster te filteren.
- Sleep de groottereglaar (16-72 px) om de voorbeeldregel te bekijken op je beoogde kop- of tekstgrootte.
- Klik op een "Combineert met"-chip of de knop "Combinatie bekijken" om een titel en tekstalinea te zien in de voorgestelde combinatie.
- Klik op de "CSS"-knop op een kaart of in de combinatiepreview om de @import-regel en font-family-declaraties naar je klembord te kopiëren.