Ontdek en bekijk mooie Google Font-combinaties met live voorbeeldtekst en kopieer CSS-regels
CSS Tools
Over deze tool
De CSS Font Pairing-tool helpt je de perfecte combinaties van koptekst- en body-lettertypes te vinden uit 16 gecureerde Google Font-combinaties. Filter op categorie, bekijk met live tekst, pas lettergroottes aan en kopieer kant-en-klare CSS-code met @import-statements.
Belangrijkste functies
- 16 gecureerde Google Font-combinaties voor kopteksten en bodytekst
- Categoriefilters: alle, sans-serif, serif, monospace, display
- Live voorbeeld met aangepaste koptekst- en body-voorbeeldtekst
- Aanpasbare koptekst- en body-lettergroottes
- CSS-codegeneratie met @import-statements
- Eén-klik kopiëren van lettertype-combinatie CSS-code
Toepassingen
- Kies typografie voor nieuwe website-ontwerpen en landingspagina's
- Vind complementaire lettertypes voor blog- en editoriale lay-outs
- Prototype lettertypecombinaties voordat je je commit aan een designsysteem
- Genereer consistente typografie-CSS voor designsystemen
- Verken snel serif-, sans-serif- en display-lettertypecombinaties
fonts
typography
css
google-fonts
Veelgestelde vragen
Wat is de CSS Font Pairing?
CSS Font Pairing is een online CSS-tool die je helpt gecureerde Google Font-combinaties te ontdekken en bekijken met live voorbeeldtekst en één-klik CSS-codegeneratie. Het draait volledig in je browser zonder dat er gegevens naar een server worden verzonden.
Hoeveel lettertypecombinaties zijn beschikbaar?
De tool bevat 16 gecureerde lettertypecombinaties van Google Fonts, met categorieën zoals sans-serif, serif, monospace en display-lettertypes. Je kunt filteren op categorie om de perfecte match te vinden.
Kan ik de lettergroottes in het voorbeeld aanpassen?
Ja, je kunt zowel de koptekst- als body-lettergroottes aanpassen met de ingebouwde bedieningselementen. Hierdoor zie je precies hoe de combinatie eruitziet op verschillende schalen voordat je je commit.
Is de CSS Font Pairing gratis te gebruiken?
Ja, de CSS Font Pairing is volledig gratis te gebruiken. Er zijn geen verborgen kosten, abonnementen of beperkingen. Alle functies zijn voor iedereen beschikbaar.
Kan ik de CSS Font Pairing op mijn telefoon gebruiken?
Ja, de CSS Font Pairing is volledig responsief en werkt op alle apparaten, waaronder smartphones, tablets en desktopcomputers.