TL
Tool Lab
💰Donate
💰Donate

Font Pairing Guide

Explore curated Google Fonts pairings with live previews.

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog. Typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Good font pairing enhances readability and reinforces the overall design aesthetic of your website or application.

Koptekst lettertype: Playfair Display · Broodtekst lettertype: Source Sans 3
Google Fonts: <link href="https://fonts.googleapis.com/css2?family=Playfair%20Display:wght@400;700&family=Source%20Sans%203:wght@400;700&display=swap" rel="stylesheet">

Over deze tool

Het lettertypekoppelinghulpmiddel biedt acht samengestelde Google Fonts-combinaties en laat je lettertypes voor koppen en broodtekst in realtime bekijken.

Een goede lettertype-koppeling verbetert de leesbaarheid en versterkt de algemene ontwerpesthetiek van uw website of app.

Hoe te gebruiken

  1. Klik op een koppelingskaart om een vooraf geconfigureerde lettertype-combinatie te selecteren.
  2. Typ optioneel een Google Font-naam in de velden.
  3. Bewerk de voorbeeldtekst om de lettertypes met uw eigen inhoud te bekijken.
  4. Kopieer de Google Fonts link-tag onderaan en voeg die toe aan de head van uw HTML.

Gebruiksscenario's

Webdesigners testen typografie-combinaties voordat ze een typesysteem kiezen. Ontwikkelaars vinden snel bijpassende lettertypeparen voor ontwerpsystemen.

Veelgestelde vragen

  • Kan ik aangepaste lettertypen gebruiken?U kunt elke Google Fonts-naam in de velden typen. Gebruik de exacte naam van Google Fonts.
  • Hoe gebruik ik de gegenereerde Google Fonts-link?Voeg de link-tag toe aan de <head> van uw HTML, gebruik dan font-family: 'Lettertypenaam', fallback in uw CSS.