← Alle værktøjer
/ Font Pairing Tool
🔤
Google Font Pairing Tool
Opdag perfekte Google Font-kombinationer til dit websted, din app eller dit brand. Se forhåndsvisning af udvalgte skrifttyper med tilpasset tekst. Kopier CSS-linktagget med det samme.
CSS-importkode
Sådan vælger du den perfekte skrifttypeparring
Fantastisk typografi er grundlaget for mindeværdigt design. Det rigtige skrifttypeparring skaber visuelt hierarki, etablerer brandpersonlighed og gør indhold lettere at læse. Dette værktøj giver ekspertudvalgte parringer fra Google skrifttyper - alt sammen gratis og open source.
Skrifttypeparringsprincipper
Kontrast og komplement — Par en serif-overskrift med en sans-serif krop. Kontrast skaber visuel interesse og bibeholder samtidig læsbarheden.
Konsekvente Proportioner — Vælg skrifttyper med lignende x-højder for visuel harmoni. Uoverensstemmende proportioner føles skurrende.
Hierarki først — Overskriftsskrifttypen bør aftvinge opmærksomhed. Brødteksten skal forsvinde - læsbar uden at blive bemærket.
Begræns til to skrifttyper — To velvalgte skrifttyper er næsten altid bedre end tre eller flere. Brug størrelse, vægt og farve til variation.
Ofte stillede spørgsmål
Ja, alle skrifttyper på Google Fonts frigives under open source-licenser (for det meste SIL Open Font License eller Apache License). Du kan frit bruge dem til kommercielle websteder, apps, trykte materialer og logoer uden tilskrivning.
To metoder: (1) Tilføj en
<link> tag i din HTML <head>. (2) Brug @import i din CSS-fil. Begge genereres, når du klikker på et par - kopier CSS-importkoden fra panelet under gitteret.Lidt. For at minimere ydeevnepåvirkningen: brug font-display: swap, forbind til fonts.googleapis.com, indlæs kun de vægte, du har brug for, og overvej kritiske skrifttyper, der selv hoster. Google Fonts CDN er globalt cachelagret, så gentagne besøg indlæses øjeblikkeligt.
For lang brødtekst: Inter, Open Sans, Source Sans 3 og Lato er fremragende valg. Ved 14-18px skriftstørrelse med 1,5-1,7 linjehøjde maksimerer disse skrifttyper læsbarheden på tværs af alle skærmstørrelser.