Praktisk guide til at vælge fonte til website
Valget af font til website er en vigtig del af både webdesign og branding. Skrifttyper – også kaldet fonte – har stor betydning for, hvordan brugerne oplever din hjemmeside, og om indholdet fremstår professionelt, troværdigt og læsevenligt.
De rigtige skrifttyper understøtter din virksomheds brandidentitet og gør det lettere for brugerne at læse og forstå dit indhold. Her får du en praktisk guide til valg og brug af fonte på websites.
Forskellige typer fonte til website
Der findes flere slags skrifttyper, som hver især har sit eget visuelle udtryk og anvendelsesområde.
Serif
Serif-fonte har små “fødder” på bogstaverne og giver et klassisk og formelt udtryk. De bruges ofte i trykte medier som bøger og aviser, hvor de er lette at læse i lange tekststykker. På hjemmesider egner serif-fonte sig bedst til overskrifter eller korte tekstafsnit.
Eksempler: Times New Roman, Merriweather, Lora
Slab serif
Slab serif er en underkategori af serif-fonte med kraftige og markante fødder. Udtrykket er robust, selvsikkert og iøjnefaldende. De fungerer godt til overskrifter og branding på hjemmesider, der skal have et stærkt visuelt aftryk.
Eksempler: Rockwell, Roboto Slab
Sans serif
Sans-serif-fonte har ingen fødder og giver et rent, moderne og minimalistisk look. De er meget læsevenlige på skærme og er derfor et oplagt valg som brødtekst på hjemmesider.
Eksempler: Roboto (brugt til denne tekst), Open Sans, Lato
Modern
Modern-fonte har høj kontrast mellem tykke og tynde streger og et elegant, stilrent udtryk. De bliver ofte brugt i mode-, design- og luksusbranchen og egner sig bedst til overskrifter og branding – ikke lange tekstafsnit.
Eksempler: Didot, Bodoni Moda
Script
Script-fonte efterligner håndskrift med flydende og ofte sammenhængende bogstaver. De skaber et personligt og kreativt udtryk. Den primære brug er dekorative formål, f.eks i logoer, overskrifter eller korte tekster. De er sjældent velegnede som brødtekst på en hjemmeside, da de kan være svære at læse i mindre størrelser eller lange tekster.
Eksempler: Pacifico, Dancing Script
Display
Display-fonte er store og dekorative skrifttyper, der er designet til at tiltrække opmærksomhed. De kan have mange forskellige stilarter – fra fed og futuristisk til quirky og kunstnerisk. Udtrykket er unikt, iøjnefaldende og ofte karakteristisk. De bruges til visuelle højdepunkter, hvor det handler om at fange brugerens opmærksomhed, men aldrig til brødtekst, da læsbarheden hurtigt forringes.
Eksempler: Playfair Display, Lobster
Brug højst to til tre fonte på dit website
For mange skrifttyper skaber et rodet og uprofessionelt udtryk. En god tommelfingerregel er:
- Primær font: Til overskrifter og fremhævede elementer
- Sekundær font: Til brødtekst
- Evt. tredje font: Kun til særlige, dekorative formål.
Fontene skal supplere hinanden uden at skabe for kraftig kontrast. Mange hjemmesider bruger sans-serif-fonte til både overskrifter og brødtekst for at sikre et ensartet og moderne udtryk.
Læsevenlighed er afgørende for et godt website
Den font, du vælger til din hjemmeside, skal først og fremmest være let at læse. Undgå meget dekorative eller håndskrevne skrifttyper til længere tekster, da de belaster øjet – især på skærme. Vær også varsom med skrifttyper med fødder samt kursiv til længere tekster.
Sans-serif-fonte som Arial, Helvetica og Roboto bruges ofte som brødtekst online, fordi de fremstår skarpe og tydelige på både desktop og mobil.
Overvej også skrifttypens vægt:
- For tynde fonte kan være svære at læse på små skærme
- For kraftige fonte kan virke tunge og overvældende
- Kursiv bør bruges sparsomt og aldrig i længere tekstafsnit.
Tekstopstilling og typografi på website
Læsevenlighed handler ikke kun om fontvalg, men også om opsætning. Venstrestillet tekst er som udgangspunkt lettest at læse, fordi øjet nemt finder starten af hver linje. Centreret tekst bør du kun bruge til korte overskrifter eller korte tekstblokke.
Undgå også for brede tekstfelter. En linjelængde på cirka 75 anslag inklusive mellemrum er en god tommelfingerregel og gør teksten mere behagelig at læse.
Punktopstillinger bør altid være venstrestillede for maksimal overblik og læsbarhed.