# Seriff eller sans seriff: slik velger du riktig skrift

[Canonical HTML page](https://gradiently.design/nb/guide/serif-vs-sans-serif)

Den gamle regelen sa seriffer til trykk og sans seriffer til skjerm. Skjermene endret seg, regelen gjorde det ikke. Her er det som faktisk betyr noe når du velger.

## The short version

- Seriffskrifter har små avsluttende streker i endene av bokstavene, mens sans seriff-skrifter ikke har det.
- Ingen av stilene er pålitelig mer lesbar enn den andre. Utformingen av den konkrete skriften, størrelsen, avstandene og proporsjonene betyr mer.
- Regelen om seriffer til trykk og sans seriffer til skjerm kom fra skjermer med lav oppløsning, og moderne skjermer med høy tetthet gjengir begge godt.
- Seriffer leses gjerne som tradisjonelle, litterære eller raffinerte, og sans seriffer som moderne, direkte eller nøytrale, men disse assosiasjonene avhenger av den konkrete skriften.
- Mange sterke design bruker begge: en seriff til overskrifter og en sans seriff til brødtekst, eller omvendt.

**Seriff eller sans seriff** er et valg av stemme mer enn av lesbarhet. Seriffskrifter har små avsluttende streker, kalt seriffer, i endene av bokstavene. Sans seriff-skrifter (*sans* er fransk for *uten*) har det ikke. Ingen av dem er pålitelig lettere å lese. Velg etter hva skriften skal si, hvor den skal leses og i hvilken størrelse, og husk at du kan bruke begge.

## Hva forskjellen egentlig er

Se på endene av strekene i en stor T eller en liten i. I en seriffskrift avsluttes hver strek med en liten fot eller en avrunding. I en sans seriff stopper den ganske enkelt. Seriffskrifter har også ofte mer kontrast mellom tykke og tynne streker, mens mange sans seriffer har streker med nesten jevn tykkelse. Hver side er en familie av stiler, ikke ett uttrykk.

| Kategori | Trekk | Eksempel fra Google Fonts | Føles gjerne |
| --- | --- | --- | --- |
| Renessanseantikva | Myk, skrå akse, moderat kontrast | EB Garamond | Litterær, varm |
| Overgangsantikva | Mer opprett, skarpere | Libre Baskerville | Klassisk, tillitvekkende |
| Didone | Svært høy kontrast, hårfine seriffer | Playfair Display | Mote, luksus |
| Egyptienne | Tunge, blokkaktige seriffer | Roboto Slab | Solid, selvsikker |
| Grotesk | Noen særheter, svak kontrast | Work Sans | Ærlig, litt retro |
| Nygrotesk | Jevn, nøytral, lukkede former | Inter | Moderne, enkel, produktaktig |
| Geometrisk sans | Bygget på sirkler og linjer | Jost | Ren, designdrevet |
| Humanistisk sans | Basert på håndskrift, åpne former | Source Sans 3 | Vennlig, lesbar |

Hovedfamiliene på hver side, med et gratis eksempel på hver. Å kjenne kategorien hjelper mer enn bare å vite om det er seriff eller sans.

## En svært kort historie

Seriffbokstaver går tilbake til romerske versaler og århundrer med boktrykk, og derfor bærer seriffer fortsatt et preg av tradisjon og bøker. Sans seriff-skrifter for trykk dukket opp tidlig på attenhundretallet og ble først brukt mest til plakater og store titler. På nittenhundretallet gjorde modernistiske og sveitsiske designere sans seriffer til stemmen for klarhet og nøytralitet. På tidlige dataskjermer, med få piksler per bokstav, gikk fine seriffer i oppløsning, så sans seriffer ble standarden for grensesnitt, og skrifter som Verdana og Georgia ble tegnet spesielt for å fungere på slike skjermer.

## Lesbarhet: myten og det som betyr noe i stedet

Du vil fortsatt lese at seriffer er lettere å lese på trykk fordi de leder øyet langs linjen, og at sans seriffer er lettere på skjerm. Ingen av delene holder som en generell regel. Skjermrådet handlet om lav oppløsning, og dagens mobil- og laptopskjermer med høy tetthet gjengir seriffer rent. Det som faktisk gjør tekst lesbar, er utformingen av den konkrete skriften og hvordan den er satt.

### Betyr mindre enn du tror

- Om skriften har seriffer
- Regelen om seriff til trykk og sans til skjerm
- Hvilken stil som er på moten i år

### Betyr mer

- En raus x-høyde og åpne bokstavformer
- Størrelse, linjehøyde og linjelengde
- Solide streker i små størrelser, ingen hårstreker
- Tydelige forskjeller mellom like bokstaver, som I, l og 1

Størrelse og avstand er de største spakene, og de gjelder like mye for begge stiler. [Grunnleggende typografi](https://gradiently.design/nb/guide/typography-basics) gir fornuftige standarder for hver.

## Hva seriffer og sans seriffer gjerne signaliserer

Skrift bærer assosiasjoner, lært fra der vi har sett den før. De er tendenser, ikke regler, og en konkret skrift kan gå mot kategorien sin: en leken seriff eller en formell sans er fullt mulig.

### Seriff sier gjerne

- Tradisjon, arv, håndverk
- Redaksjonelt, litterært, gjennomtenkt
- Raffinement, særlig med høy kontrast
- Varme, med mykere former fra renessanseantikva

### Sans seriff sier gjerne

- Moderne, direkte, effektivt
- Nøytralt, produktaktig, teknisk
- Vennlig, med avrundede eller humanistiske former
- Dristig og høylytt, i tunge vekter

## Seriff eller sans seriff for skjerm, trykk og sosiale medier

| Hvor | God standard | Hvorfor |
| --- | --- | --- |
| Etiketter og knapper i grensesnitt | Sans seriff | Små størrelser, solide former, rask skanning |
| Lang lesing på skjerm | Begge | Velg en skrift designet for tekst, i raus størrelse |
| Trykte bøker og lange dokumenter | Begge, ofte seriff | Konvensjon, og mange utmerkede seriffskrifter for tekst |
| Overskrifter i innlegg i sosiale medier | Begge, med vekt | Store størrelser lar seriffer vise karakteren sin |
| Liten tekst på urolige bakgrunner | Sans seriff | Jevne streker tåler skiftende kontrast |
| Luksusmerker og redaksjonelle merkevarer | Ofte seriff | Seriffer med høy kontrast signaliserer raffinement |

Standarder, ikke regler. Skriftens egen utforming betyr mer enn kategorien.

På mobiler kan de tynne delene av seriffer med høy kontrast forsvinne i små størrelser. [Skrifter for sosiale medier](https://gradiently.design/nb/guide/fonts-for-social-media) tar for seg hva som holder.

## Slik velger du for merkevaren din

1. **Sett navn på stemmen** Skriv tre ord for hvordan merkevaren din skal låte, som *rolig, presis, varm*. [Merkevarepersonlighet](https://gradiently.design/nb/guide/brand-personality) hjelper.
2. **Lag en kortliste etter kategori, ikke stil** Varm og litterær peker mot renessanseantikva eller humanistisk sans, presis og moderne mot nygrotesker eller overgangsantikva.
3. **Test de virkelige ordene dine** Sett navnet ditt, en overskrift og et avsnitt i tre kandidater, i virkelige størrelser.
4. **Sjekk den praktiske siden** Vekter, kursiver, språkene du trenger, og lisensen.
5. **Vurder å bruke begge** En seriff til overskrifter og en sans til brødtekst, eller omvendt, gir deg spennvidde. [Skriftparing](https://gradiently.design/nb/guide/font-pairing) viser hvordan.

På nettet kan du også stole på skriftene som allerede finnes på folks enheter. Disse stablene gir deg en god seriff eller sans seriff uten nedlasting:

```css
.serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.sans {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
```

Stabler med systemskrifter for seriff og sans seriff. Hver nettleser bruker den første skriften den har, og avslutter med den generiske familien.

For den bredere avgjørelsen, inkludert lisensiering og språk, les [merkevareskrifter](https://gradiently.design/nb/guide/brand-fonts).

## FAQ

### Hva er forskjellen på seriff og sans seriff?

Seriffskrifter har små avsluttende streker i endene av bokstavene. Sans seriff-skrifter har det ikke.

### Er seriff eller sans seriff lettest å lese?

Ingen av dem er pålitelig lettere. Lesbarheten avhenger mer av utformingen av den konkrete skriften, størrelsen, linjehøyden og linjelengden.

### Bør jeg bruke seriff eller sans seriff på et nettsted?

Begge fungerer på moderne skjermer. Sans seriffer er en trygg standard for tekst i grensesnitt, og seriffer designet for tekst fungerer godt til lang lesing i raus størrelse.

### Kan jeg bruke seriff og sans seriff sammen?

Ja. En seriff til overskrifter med en sans seriff til brødtekst, eller omvendt, er en av de mest pålitelige skriftparingene.