Hvordan velge gode fonter til nettsiden?

Skrifttypen er en viktig del av din visuelle identitet, like mye som logoen, de grafiske elementene og fargene du bruker. Den skal formidle hvem du er og hva du vil si på en visuell måte. Fonten bidrar til å gi et førsteinntrykk og skal være en forlengelse av din merkevare.

Få hjelp til å etablere deg på nett

Designblokk kan hjelpe deg med oppsett av nettside, design, markedsføring, søkemotor-optimalisering og mer!

Kontakt oss!
Skrevet av
Designblokk-teamet

Publisert:

November 27, 2024

Oppdatert:

November 27, 2024

DEL DETTE
Share to Twitter (X)Share to FacebookShare to LinkedIn

Valg av font er en avgjørende detalj som kan gjøre eller ødelegge webdesignet ditt.

Skrifttypen er en viktig del av din visuelle identitet, like mye som logoen, de grafiske elementene og fargene du bruker. Den skal formidle hvem du er og hva du vil si på en visuell måte. Fonten bidrar til å gi et førsteinntrykk og skal være en forlengelse av din merkevare.

Funksjonalitet over design

Uansett hvilken font du velger, er det viktig at den er lesbar. En god font skal være lett å lese og ikke kreve anstrengelse fra leseren. Teksten skal flyte naturlig, og lesbarheten skal ikke være et hinder for formidlingen av budskapet ditt.

De 5 font-kategoriene

For å finne den rette fonten, kan det være nyttig å kjenne til de forskjellige fontkategoriene og deres egenskaper.

De to mest vanlige kategoriseringene er serif og sans serif.

Serif fontene skiller seg ut ved at de har "føtter" på enden av bokstavene.
  1. Serif
    Disse fontene har små streker eller føtter på enden av bokstavene. De gir et tradisjonelt, intellektuelt og kunstnerisk inntrykk. Eksempler inkluderer Times New Roman, Georgia og Palatino Linotype.

    Serif-fonter anses ofte som lettere å lese i trykte medier som bøker og aviser. Seriffene hjelper øynene med å følge linjene i teksten, noe som kan redusere anstrengelsen ved langvarig lesing.
  1. Sans Serif
    Disse fontene mangler seriffer og har et renere, mer moderne utseende. De oppleves som tekniske og ungdommelige. Eksempler inkluderer Arial, Trebuchet og Verdana.

    Sans serif-fonter er generelt sett som lettere å lese på digitale skjermer, som datamaskiner, nettbrett og smarttelefoner. Den rene og enkle utformingen av sans serif-fonter gjør dem klare og tydelige på skjerm, spesielt i mindre størrelser eller lavere oppløsninger.

I tillegg til disse to kategoriseringene, har vi tre til...

  1. Script / handwriting
    Disse fontene etterligner håndskrift og kalligrafi. De er dekorative og bør brukes med måte, helst i overskrifter eller små mengder tekst. Eksempler inkluderer Comic Sans, Papyrus og Lucida Handwriting.
  2. Fantasy / decorative / display
    Disse fontene er veldig uttrykksfulle og brukes for å skape en bestemt stemning. De er best i små mengder. Eksempler inkluderer Airstream, Aftershock og Beluga.
  3. Monospace
    Disse fontene har like store mellomrom mellom bokstavene, som i en skrivemaskin. De brukes ofte i programmering. Eksempler inkluderer Courier og Lucida Console.

Hvilken font bør jeg velge?

Når du velger fonter for din webside, bør hovedfonten være en som er lett å lese i store mengder tekst. Serif- eller sans serif-fonter er gode valg her. Hvis du ønsker en font med mer personlighet, kan du velge en fra script/handwriting- eller fantasy/decorative/display-kategoriene, men bruk disse med måte, for eksempel i overskrifter.

Et godt antall fonter å bruke på en webside er mellom én og tre. Flere enn dette kan gjøre siden rotete og redusere lastetiden. Velg også fonter som gir deg mulighet til å bruke kursiv, fet skrift og andre varianter for å fremheve teksten.

Sikring og kompatibilitet

For å sikre at fontene dine vises riktig på alle enheter, bør du velge web-sikre fonter som er tilgjengelige på de fleste operativsystemer, som Times New Roman, Georgia, Arial og Verdana.

Du kan også installere spesifikke fonter på websiden din for å ha full kontroll over hvordan de vises. Gratis fontressurser som Google Fonts, eller betalte tjenester som MyFonts, er gode steder å finne slike fonter.

Hva gjør jeg hvis en font streiker?

Sannheten er at det ikke finnes fonter som er 100 % sikre for bruk på alle nettsider. Det er alltid en risiko for at en font ikke finnes eller ikke er installert riktig. Derfor er det veldig viktig å alltid bruke reserve-fonter.

Reserve-fonter er lagt inn i font-family i HTML

Dette betyr at du bør legge til en liste med lignende "reserve-fonter" i font-family-egenskapen. Hvis den første fonten ikke fungerer, vil nettleseren prøve den neste på listen, og deretter den neste, og så videre. Avslutt listen med et generelt fontfamilienavn (eks. sans-serif).

Nå er det din tur!

Velg fonter som både representerer din merkevare og gjør teksten lett å lese. Ha som tommelregel å ikke bruk mer enn tre fonter, og sørg for at de er kompatible med alle enheter. Husk at den riktige fonten kan styrke din visuelle identitet og gjøre budskapet ditt mer tilgjengelig for leseren. Lykke til!

Du vil kanskje også like...

La Designblokk hjelpe deg med ditt neste prosjekt!

Har du et spennende prosjekt? Ta kontakt med Philip på 451 01 331, send en e-post til philip@designblokk.no eller bruk kontaktskjemaet.

Informasjonen behandles i henhold til vår personvernerklæring.

Henvendelsen er mottatt!
Vi kommer tilbake med svar i løpet av 1-2 dager.
Oi da! Noe gikk galt - prøv igjen senere!