Skrifttyper – fonte – til hjemmesiden

At vælge den rigtige skrifttype til en hjemmeside handler om mere end bare smag. Typografi påvirker, hvordan din side føles, hvor let den er at læse, og om brugerne bliver hængende. En god skrifttype kan få dit indhold til at virke mere professionelt, mere roligt eller mere energisk – alt efter hvilket udtryk du ønsker.

Læsevenlighed kommer først

Uanset hvor flot en font er, nytter den ikke meget, hvis den er svær at læse. Til brødtekst (altså længere tekststykker) fungerer neutrale og åbne skrifttyper ofte bedst. Kig efter tydelige bogstavformer, god afstand mellem tegn og en rolig rytme i teksten. En tommelfingerregel er: brug en enkel font til brødtekst og en mere karakterfuld font til overskrifter.

Populære og sikre valg

Der er en grund til, at nogle skrifttyper går igen på mange hjemmesider. De er stabile, lette at læse på skærm og findes ofte i mange såkaldte vægte (light, regular, bold osv.).

• Inter: Meget populær til moderne webdesign. Den er lavet med skærmbrug i tankerne og fungerer virkelig godt i små størrelser. Den anvender jeg blandt andet her på min egen hjemmeside.
• Roboto: Klassikeren fra Google. Den er neutral, fleksibel og passer til næsten alt.
• Open Sans: Stadig et sikkert valg, især hvis du vil have noget venligt og læsevenligt.
• Montserrat: Bruges ofte til overskrifter. Den giver et rent, moderne udtryk, men kan også fungere til kortere brødtekst.
• Playfair Display: En elegant serif-font (med “fødder”), som især klæder overskrifter og magasinstil.

Oversete skrifttyper, der fortjener mere opmærksomhed

Hvis du vil skille dig lidt ud uden at gå på kompromis med læsevenligheden, kan du kigge på nogle mindre “mainstream” muligheder:

• IBM Plex: En hel skrifttypefamilie med både sans, serif og mono. Den føles teknisk, men samtidig menneskelig. God til både tekst og UI.
• Source Serif 4: En stærk serif-font, der er overraskende læsevenlig på skærm. Perfekt til blogs, artikler og længere tekster.
• Work Sans: Minimalistisk og rolig. Den fungerer godt, hvis du vil have en moderne stil uden at den råber for højt.
• Space Grotesk: Lidt mere karakter og kant, men stadig anvendelig. Virker især godt til overskrifter og korte tekstblokke.
• Atkinson Hyperlegible: Designet med fokus på tydelighed. Den er et godt valg, hvis tilgængelighed og læsevenlighed er ekstra vigtige.

Gode kombinationer (overskrift + brødtekst)

En enkel måde at få et flot udtryk på er at kombinere en mere markant overskriftsfont med en rolig brødtekstfont:

• Playfair Display + Inter
• Montserrat + Source Serif 4
• Space Grotesk + Work Sans

Husk æ, ø og å

Vælg gerne skrifttyper med flere vægte, så du kan skabe hierarki (overskrift, underoverskrift, brødtekst). Tjek også, om fonten har danske tegn som æ, ø og å, og at den ser godt ud på både mobil og computer.

Den rigtige typografi behøver ikke være kompliceret: vælg noget læsevenligt, hold dig til 1–2 skrifttyper og brug vægte og størrelse til at skabe struktur. Det giver en hjemmeside, der både ser godt ud og føles rar at læse.

Min egen hjemmeside består af følgende fonte: 

Overskrifter: Rubik
Brødtekst: Inter