Kort fortalt
- Kombination af skrifttyper virker bedst, når hver skrift har en tydelig rolle, typisk én til overskrifter og én til brødtekst.
- Et godt par har én tydelig kontrast, som serif mod sans serif eller tung mod let, og deler proportioner og stemning.
- Én skriftfamilie med flere vægte eller en superfamilie med matchende serif- og sans serif-versioner er den sikreste måde at kombinere skrifter på.
- To skrifttyper, der ligner hinanden uden at være identiske, som to neutrale sans serif-skrifter, ligner typisk en fejl frem for et bevidst par.
- To skrifter er nok til næsten alle brands, opslag og hjemmesider. En tredje bør have en smal opgave som kode eller etiketter.
På denne side
God kombination af skrifttyper bygger på tre regler: giv hver skrift en tydelig rolle, lad dem stå i klar kontrast på ét punkt, og lad dem matche på resten, som proportioner og stemning. En serifoverskrift over brødtekst i sans serif er det klassiske eksempel. Er du i tvivl, så brug én familie i to vægte. Den kan ikke skurre mod sig selv.
Start med roller, ikke skrifter
Beslut, hvilke opgaver skriften skal løse, før du vælger en skrifttype. De fleste design har to: overskrifter, der sætter tonen, og brødtekst, der skal være behagelig at læse. Nogle tilføjer en tredje, lille opgave som etiketter eller kode. Vælg brødtekstens skrift først, fordi den bærer flest ord, og find så en overskriftsskrift, der supplerer den.
| Rolle | Opgave | Det vigtigste |
|---|---|---|
| Overskrift | Sætte tonen og blive set først | Karakter, vægt, udseende i stor størrelse |
| Brødtekst | Være behagelig at læse i længere tid | Læsbarhed, jævnt skriftbillede, god normal og kursiv |
| Etiketter og lille tekst | Blive læst hurtigt i små størrelser | Tydelige former, åben afstand, robuste vægte |
| Kode eller tal | Stå på linje og være entydige | Fast bredde eller tabellariske tal |
Synlige roller: en stor overskrift med karakter, en lille etiket ovenover og en rolig støttelinje nedenunder. Kontrasten ligger i størrelse og rolle før skrifttype.
Kontrast på ét punkt, harmoni på resten
En kombination kræver en synlig forskel, ellers ligner den anden skrift et uheld. Men hvis de to adskiller sig på alle punkter, ligner de noget fra forskellige projekter. Vælg én kontrast, og hold resten tæt på hinanden.
- Skriftklasse: en serif med en sans serif. Den mest pålidelige kontrast. Serif eller sans serif forklarer, hvad hver bidrager med.
- Vægt: et tungt displaysnit med et normalt tekstsnit, også fra samme familie.
- Bredde: en smal overskriftsskrift med brødtekst i normal bredde.
- Match proportionerne: lignende x-højde, altså højden på de små bogstaver, får de to til at stå behageligt sammen på en linje.
- Match stemningen: en varm, blød serif passer med en varm, humanistisk sans serif. En skarp, geometrisk sans serif passer med en præcis serif med høj kontrast.
Én familie eller to
Den enkleste kombination er ingen kombination: én familie i to eller tre vægte. Den er skabt til at hænge sammen og er svær at vælge forkert. Superfamilier går et skridt videre med en serif og en sans serif tegnet sammen med fælles proportioner. Det giver kontrasten mellem to skriftklasser og harmonien fra ét design.
Én familie
- Kontrast kun gennem vægt og størrelse
- Garanteret harmoni
- Roligere og mere ensartet stemme
- Eksempel: Archivo Black til overskrifter, Archivo til brødtekst
To familier
- Kontrast gennem skriftklasse eller karakter
- Kræver matchende proportioner og stemning
- Mere udtryksfuld med mere personlighed
- Eksempel: Fraunces til overskrifter, Inter til brødtekst
Gennemprøvede skriftkombinationer fra Google Fonts
Disse par bruger gratis, udbredte skrifter fra Google Fonts, så de er lette at teste. Brug dem som udgangspunkt: sæt dine egne ord med dem, og vurder resultatet.
| Overskrift | Brødtekst | Kontrast | Følelse |
|---|---|---|---|
| Playfair Display | Source Sans 3 | Serif med høj kontrast og ren sans serif | Redaktionel, klassisk |
| Fraunces | Inter | Blød serif med karakter og neutral sans serif | Varm, nutidig |
| DM Serif Display | DM Sans | Displayserif med sin tilhørende sans serif | Venlig, gennemarbejdet |
| Instrument Serif | Inter | Smal serif med neutral sans serif | Mode, redaktionel |
| IBM Plex Serif | IBM Plex Sans | En superfamilies serif og sans serif | Præcis, teknisk |
| Space Grotesk | Inter | Særpræget grotesk med en enkel | Tech, produkt |
| Archivo Black | Archivo | Vægt inden for én familie | Kraftfuld, direkte |
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Inter:wght@400;600&display=swap" rel="stylesheet">
<style>
h1, h2 {
font-family: "Fraunces", Georgia, serif;
font-weight: 600;
line-height: 1.1;
}
body {
font-family: "Inter", system-ui, sans-serif;
font-weight: 400;
line-height: 1.55;
}
</style>Kombinationer, du bør undgå
Undgå
- To neutrale sans serif-skrifter med kun små forskelle
- To displayskrifter, der konkurrerer om opmærksomheden
- En tredje og fjerde skrift for variationens skyld
- Skrifter med meget forskellig x-højde på samme linje
I stedet
- Én sans serif i to vægte eller en serif sammen med den
- Én displayskrift og én rolig tekstskrift
- To skrifter med vægte og størrelser som variation
- Skrifter med lignende proportioner
Displayskrifter er de mest fristende at overbruge. De er lavet til store størrelser og korte linjer. Brødtekst sat med dem trætter hurtigt øjet. Displayskrifter gennemgår, hvor de kommer til deres ret.
Test en skriftkombination på ti minutter
- 1
Brug rigtige ord
Sæt en faktisk overskrift og et rigtigt afsnit fra dit arbejde, ikke pladsholdertekst.
- 2
Brug de rigtige størrelser
Overskriften stor og brødteksten i læsestørrelse på det format, du faktisk vil bruge.
- 3
Se på skriftbilledet
Træd tilbage. Brødteksten skal ligne en jævn grå flade, og overskriften skal skille sig tydeligt ud.
- 4
Prøv det på en telefon
Mange kombinationer, der ser elegante ud på en skærm, falder fra hinanden i telefonstørrelse. Skrifter til sociale medier gennemgår, hvad der holder.
- 5
Tjek detaljerne
Tal, tegnsætning, kursiv og alle de sprog, du udgiver på.
Når du har valgt, så skriv det ned med vægte og størrelser, så alle bruger det ens. Brandskrifter gennemgår licenser og sprog, og grundlæggende typografi gennemgår skalaen. I Gradiently ligger skrifter i dit brandkit og bruges i hvert nyt design.
Spørgsmål, folk stiller
Hvad er kombination af skrifttyper?
Det er at vælge to skrifttyper, normalt én til overskrifter og én til brødtekst, der har én tydelig kontrast og fælles proportioner og stemning.
Hvor mange skrifter skal jeg bruge?
To er nok til næsten alt. En tredje bør have en snæver opgave som kode eller små etiketter.
Er det i orden kun at bruge én skrift?
Ja. Én familie i to eller tre vægte er den sikreste kombination, og mange stærke brands bruger netop det.
Hvad er en god kombination fra Google Fonts?
Sikre udgangspunkter er Fraunces med Inter, Playfair Display med Source Sans 3 og IBM Plex Serif med IBM Plex Sans.
Hvorfor ser mine to skrifter forkerte ud sammen?
Normalt ligner de hinanden for meget, så forskellen virker som en fejl, eller også adskiller de sig på alle punkter. Hold én tydelig kontrast, og match proportionerne.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil
