Bekijk Google Fonts met aanpasbare grootte, dikte, spatiëring en vergelijk lettertypen zij aan zij
Ontwikkelaarstools
Over deze tool
Lettertype Voorbeschouwer laat je 50+ Google Fonts bekijken en vergelijken met volledige controle over grootte, dikte, stijl, spatiëring en kleuren. Het biedt drie weergavemodi — Voorbeeld, Specimen en Vergelijken — en genereert klaar-om-te-gebruiken CSS-code met kopiëren met één klik.
Belangrijkste functies
- 50+ populaire Google Fonts met zoeken en filteren
- Drie weergavemodi: Voorbeeld, Specimen en Vergelijken
- Volledige typografie-controles: grootte, dikte (100–900), stijl, letterafstand, regelafstand
- Aanpasbare tekst- en achtergrondkleur met hex-invoer
- Bewerkbare voorbeeldtekst voor realtime testen
- CSS-uitvoer met kopiëren naar klembord met één klik
Toepassingen
- Het juiste Google Font kiezen voor een webdesignproject
- Twee lettertypen zij aan zij vergelijken voordat je een keuze maakt
- CSS-lettertypedeclaraties genereren voor je stylesheet
- Leesbaarheid van lettertypen testen bij verschillende grootten en dikten
- De volledige tekenset van een lettertype verkennen met specimenweergave
fonts
google-fonts
typography
Veelgestelde vragen
Welke lettertypen zijn beschikbaar in de Lettertype Voorbeschouwer?
De tool bevat 50+ populaire Google Fonts zoals Roboto, Inter, Poppins, Playfair Display, Montserrat en nog veel meer. Je kunt de lettertypelijst doorzoeken en filteren om het perfecte lettertype te vinden.
Kan ik twee lettertypen zij aan zij vergelijken?
Ja, het tabblad Vergelijken laat je twee lettertypen zij aan zij bekijken met onafhankelijke grootte- en dikte-controles. Dit maakt het eenvoudig om te kiezen tussen vergelijkbare lettertypen.
Hoe krijg ik de CSS-code voor een lettertype?
Het tabblad Voorbeeld toont de volledige CSS-declaratie voor je huidige instellingen. Klik op de knop CSS kopiëren om deze direct naar je klembord te kopiëren.
Werkt de Lettertype Voorbeschouwer offline?
De tool zelf draait in je browser, maar Google Fonts worden geladen vanaf hun CDN, dus er is een internetverbinding nodig om de lettertypen te renderen.
Kan ik de voorbeeldtekst aanpassen?
Ja, het voorbeeldgebied is contenteditable — klik er eenvoudig op en typ je eigen tekst om te zien hoe het eruitziet in het geselecteerde lettertype.