Google Fonts direct uitproberen

Met deze tool kun je Google Fonts uitproberen met je eigen woorden. Wijzig het gewicht, de grootte, de letterafstand en de regelhoogte, zet alleen de woorden cursief waarmee je een mix van romein en cursief wilt testen en kopieer daarna de kant-en-klare insluitcode.
  • Meer dan 1.900 Google Fonts
  • Mix van romein en cursief
  • Live grootte en afstand
  • HTML- en CSS-insluitcode
Bijgewerkt op 31 oktober 2026 · Door Identity Design
Google Fonts direct uitproberen
💡 Gebruik de pijltjestoetsen omhoog/omlaag (↑/↓) om snel van lettertype te wisselen
Pa’s wijze lynx bezag vroom het fikse aquaduct.
0123456789 !@#$%^&*()
Integratiecodes
HTML <link> (toevoegen aan <head>)
CSS @import
CSS-regels

Zo kun je Google Fonts uitproberen

Vind binnen een minuut het juiste lettertype en de juiste stijl.
  1. Kies een lettertype

    Filter op categorie en blader met de pijltjestoetsen omhoog en omlaag door de lettertypen. Stel het gewicht, de grootte, de letterafstand en de regelhoogte in.
  2. Meng cursief erdoor

    Typ je eigen tekst, selecteer de woorden die je wilt benadrukken en druk op Ctrl+I of Cmd+I. Kies desgewenst een ander gewicht voor de cursief.
  3. Kopieer de code

    Kopieer de HTML-link, de CSS-@import of de CSS-regels. Cursieve stijlen worden automatisch meegenomen zodra je ze gebruikt.

Wat is een mix van romein en cursief?

Romein is de rechtopstaande versie van een lettertype; cursief is de schuine, vaak expressievere tegenhanger. Beide in één regel combineren, zoals in De kunst van rustig leven, is een geliefde truc in redactionele koppen, logo’s, trouwkaarten en moderne merkwebsites.
Het effect hangt af van hoe de cursief van een lettertype getekend is, dus het loont om het te testen voordat je kiest. Met deze tool zet je elk woord of elke letter cursief en zie je het resultaat meteen in elk Google Font.

Tips voor het mixen van romein en cursief

  • Kies een echte cursief: lettertypen zoals Playfair Display, Cormorant Garamond, Fraunces en DM Sans hebben echte cursieven
  • Houd het kort: zet één tot drie woorden cursief voor nadruk
  • Speel met gewicht: een lichte cursief naast een vette romein zorgt voor contrast
  • Zet grote tekst strakker: probeer een negatieve letterafstand bij grote koppen

Waarom deze lettertypetester?

Gemaakt voor ontwerpers, developers en iedereen die een lettertype kiest voor een website of merk.

Elk Google Font

Blader per categorie door de volledige Google Fonts-bibliotheek zonder de pagina te verlaten.

Gedeeltelijk cursief

Zet elk woord of elke letter cursief en stel een apart cursief gewicht in om mixen te testen.

Live bediening

Pas gewicht, grootte, letterafstand en regelhoogte aan en zie de wijzigingen terwijl je typt.

Code klaar om te kopiëren

Krijg de HTML-link, de CSS-@import en de CSS-regels voor precies wat je in het voorbeeld zag.

Veelgestelde vragen

Is deze Google Fonts-tester gratis?
Ja. Hij is gratis en je hoeft je niet aan te melden. De tool draait in je browser en laadt de lettertypen rechtstreeks van Google Fonts, dus niets van wat je typt wordt naar onze server gestuurd.
Hoe zet ik maar een deel van mijn tekst cursief?
Klik in het voorbeeld, selecteer de woorden die schuin moeten en klik op de knop Cursief of druk op Ctrl+I (Cmd+I op een Mac). Herhaal dit voor zoveel woorden als je wilt. Selecteer cursieve woorden en druk nogmaals om ze weer romein te maken, of klik op Cursief wissen om alles terug te zetten.
Kunnen de cursieve woorden een ander gewicht hebben dan de romeinse tekst?
Ja. Kies in het menu Cursief gewicht een lichtere of zwaardere cursief, bijvoorbeeld een Regular 400-cursief in een romeinse kop in Bold 700. De insluitcode wordt bijgewerkt zodat beide gewichten van Google Fonts worden geladen.
Wat is het verschil tussen een echte en een nepcursief?
Een echte cursief is een aparte set letters die de letterontwerper heeft getekend, vaak met andere vormen, zoals een a met één verdieping. Een nepcursief bestaat uit de romeinse letters die de browser schuin zet als een lettertype geen cursief heeft. Het label naast de knop Cursief laat zien welke je ziet.
Bevat de insluitcode de cursieve stijlen?
Ja. Als je voorbeeld cursieve woorden bevat en het lettertype een echte cursief heeft, vragen de HTML-link en de CSS-@import zowel de romeinse als de cursieve stijl op, en bevatten de CSS-regels een em-stijl met het cursieve gewicht. Zet de cursieve woorden op je website tussen <em>-tags.
Kan ik mijn eigen tekst bekijken?
Ja. Klik op het voorbeeld en typ of plak wat je wilt: een kop, je merknaam of een hele alinea. Geplakte tekst komt binnen als platte tekst en krijgt dus het lettertype dat je aan het testen bent.
Hoe wissel ik snel tussen lettertypen?
Gebruik de pijltjestoetsen omhoog en omlaag om door de lijst met lettertypen te gaan terwijl je niet in het voorbeeld typt. Maak de lijst eerst kleiner met het menu Categorie, bijvoorbeeld Schreef of Display.
Zijn Google Fonts gratis voor commercieel gebruik?
Google Fonts zijn open source en de meeste vallen onder de SIL Open Font License, die persoonlijk en commercieel gebruik toestaat, ook op websites en in logo’s. Controleer de licentie op de Google Fonts-pagina van elk lettertype als je de lettertypebestanden wilt aanpassen of doorverkopen.

Meer gratis tools

Afbeeldingsconverters, generatoren en SEO-hulpmiddelen voor ontwerpers en developers.
Bekijk alle tools