# Monospace-skrifter i profilering: teknologi, redaksjon og retro

[Canonical HTML page](https://gradiently.design/nb/guide/monospace-fonts)

Monospace ble laget for skrivemaskiner og terminaler. Merkevarer bruker det for å virke presise, ærlige eller nostalgiske. Slik velger du en skrift og finner plassen dens i profilen.

## The short version

- I en monospace-skrift har alle tegn samme bredde, slik at teksten står i jevne kolonner.
- Monospace kan virke teknisk, redaksjonelt eller retro, avhengig av skriften og fargene rundt.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono og Courier Prime er gratis monospace-skrifter på Google Fonts.
- Monospace egner seg best til etiketter, tall, koder og korte linjer, og blir tungt å lese i lange avsnitt.
- Hvis bare tallene skal stå rett under hverandre, holder det med tabelltall i en vanlig skrift uten å endre hele uttrykket.

**Monospace-skrifter** gir hvert tegn samme bredde. En i tar dermed like stor plass som en m, og teksten står i ryddige kolonner. Det mekaniske mønsteret er grunnen til at merkevarer bruker dem: I en teknologiprofil virker monospace presist og konstruert, i redaksjonelt design ærlig og dokumentarisk, og i retrodesign minner det om skrivemaskiner, kvitteringer og terminaler med grønn skjerm. Gode gratis skrifter er JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono og Courier Prime, alle på Google Fonts.

## Hvorfor monospace gir dette uttrykket

Vanlige skrifter er proporsjonale: Smale bokstaver får smale felt, brede bokstaver får brede. Monospace tvinger alle bokstavene inn i like store felt. Smale bokstaver får seriffer eller kraftige avslutninger som fyller plassen, brede bokstaver presses sammen, og resultatet har et synlig rutenett. Folk forbinder dette med maskinene som skapte det: skrivemaskiner, koderedigerere, terminaler, flybilletter og fraktetiketter. Disse assosiasjonene er verdien for merkevaren, men også risikoen.

## Gratis monospace-skrifter etter uttrykk

| Uttrykk | Google Fonts | Preg | Passer til |
| --- | --- | --- | --- |
| Rent og teknisk | JetBrains Mono, Geist Mono, Roboto Mono, Source Code Pro | Nøytrale, svært leselige, laget for kode | Utviklerverktøy, SaaS, dokumentasjon |
| Bedrift og redaksjon | IBM Plex Mono, DM Mono, Red Hat Mono | Rolige, raffinerte, litt boklige | Magasiner, studioer, årsrapporter |
| Særpreg | Space Mono, Martian Mono, Azeret Mono | Geometriske eller lekne, sterke i store størrelser | Overskrifter, plakater, kreative merkevarer |
| Skrivemaskin | Courier Prime, Special Elite | Kraftige seriffer, blekk og papir | Filmmanus, brev, vintageprofiler |
| Retroskjerm | VT323, Share Tech Mono | Former fra terminaler og science fiction-skjermer | Spill, musikk, nostalgiske kampanjer |

Gratis med åpne lisenser. Fira Code har også programmeringsligaturer som gjør tegnpar som => til enkeltsymboler.

Litt bakgrunn gjør valget enklere. **IBM Plex Mono** er del av IBMs egen skriftfamilie og har derfor en seriøs, institusjonell ro. **Space Mono** ble laget av Colophon for Google Design og har et særpreget geometrisk uttrykk som fungerer godt i overskrifter. **Courier Prime** ble laget som en mer raffinert Courier til filmmanus. **VT323** bygger på skriften i en DEC-terminal fra 1980-årene og oppleves derfor umiddelbart som retro.

## Monospace i teknologiprofiler

I utviklerverktøy og tekniske produkter viser en monospace-skrift at merkevaren snakker brukerens språk. Fellen er å bruke den overalt. Et helt nettsted i monospace er tungt å lese og ligner mer på en koderedigerer enn et produkt. Et bedre mønster er en ren grotesk til overskrifter og brødtekst, med monospace til detaljene som faktisk er tekniske: versjonsnumre, kommandoer, etiketter, priser i tabeller og små overlinjer.

Et bredt lenkebilde til LinkedIn som annonserer versjon 3.0 med en liten teknisk etikett over overskriften

Et lenkebilde på 1200×627 til LinkedIn for en lansering. En versjonsetikett er et naturlig sted for monospace; overskriften kan fortsatt stå i en grotesk.

Et stående redaksjonelt innlegg med tittelen Rapport 017, en liten datoetikett og en kort liste

Et redaksjonelt innlegg. Datoer, utgavenumre og arkivetiketter i monospace gir et dokumentarisk notatbokpreg.

## Monospace i redaksjonelt design

Magasiner, nyhetsbrev og studioer bruker monospace til metadata: datoer, bildetekster, krediteringer, utgavenumre og topptekster. Sammen med en antikva eller en raffinert grotesk gir den et ærlig preg, som en reporters notatbok eller en arkivetikett. Det fungerer fordi skriften brukes sparsomt og i liten størrelse, med store eller små bokstaver og litt bokstavavstand. [Grunnleggende typografi](https://gradiently.design/nb/guide/typography-basics) og [skriftkombinasjoner](https://gradiently.design/nb/guide/font-pairing) viser hvordan du bygger denne kontrasten.

## Monospace i retrodesign

Retro-monospace har to varianter. Skrivemaskinskrifter gir assosiasjoner til papir, blekk og 1960-tallets kontorer; terminalskrifter til lysende skjermer og tidlige datamaskiner. Fargen gjør halve jobben: skrivemaskinskrift på varm, brukket hvit, terminalskrift i fosforgrønt eller ravgult på nesten svart. [Retroskrifter](https://gradiently.design/nb/guide/retro-fonts) dekker flere nostalgiske uttrykk.

- Terminalsvart: #0b0f0c
- Fosforgrønn: #33ff66
- Ravgul skjerm: #ffb000
- Skrivepapir: #f3ecdc
- Fargebåndblekk: #2b2a28

To retroverdener for monospace: grønt eller ravgult på terminalsvart, eller fargebåndblekk på skrivepapir. Velg én, aldri begge.

## Slik bruker du monospace godt

### Unngå

- Lange avsnitt satt i monospace
- Monospace til alle deler av en merkevare
- Skrivemaskinskrifter til seriøse finanstekster
- Å blande to ulike monospace-skrifter
- Små monospace-etiketter uten bokstavavstand

### Gjør dette

- Monospace til etiketter, tall, koder og korte linjer
- En grotesk eller antikva til overskrifter og brødtekst
- Tilpass uttrykket til merkevarens tone
- Én monospace-skrift i én eller to roller
- Liten monospace med store bokstaver og omtrent 0,05em avstand

Noen ganger ønsker du egentlig bare tall som står rett under hverandre, uten et mekanisk uttrykk. Mange proporsjonale skrifter har tabelltall, altså sifre med samme bredde, som du kan slå på i CSS. Da blir priser og tabeller ryddige uten at hele designet endrer karakter.

```css
/* A monospace accent for technical labels */
.label {
  font-family: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Aligned numbers without switching to monospace */
.price-table td {
  font-variant-numeric: tabular-nums;
}
```

`ui-monospace` bruker operativsystemets egen monospace-skrift som reserve. `tabular-nums` stiller sifre på linje i skrifter som støtter det.

Monospace passer godt sammen med gradient- og materialbakgrunner fordi den flate, jevne strukturen står i kontrast til myke farger. I Gradiently holder en Mark små etiketter leselige ved å flytte sitt roligste område bak ordene og velge lys eller mørk tekstfarge for hver linje. Med Pro lagrer merkevaresettet overskrifts- og brødtekstskriftene dine, også [opplastede skriftfiler](https://gradiently.design/nb/guide/custom-fonts-upload). Se [merkevareskrifter](https://gradiently.design/nb/guide/brand-fonts) og [moderne skrifter](https://gradiently.design/nb/guide/modern-fonts) for et bredere perspektiv på typografi i en profil.

## FAQ

### Hva er en monospace-skrift?

En skrift der alle tegn har samme vannrette bredde, slik at teksten står i kolonner, som på en skrivemaskin eller i en koderedigerer.

### Hva er den beste gratis monospace-skriften?

JetBrains Mono og IBM Plex Mono er gode allroundere. Space Mono passer til overskrifter, og Courier Prime til skrivemaskinstil. Alle er gratis på Google Fonts.

### Kan jeg bruke monospace i en merkevareprofil?

Ja, særlig i tekniske, redaksjonelle eller retroprofiler. Bruk den til etiketter, tall og korte linjer, og kombiner med en grotesk eller antikva til lengre tekst.

### Egner monospace seg til brødtekst?

Vanligvis ikke. Lik tegnbredde gir ujevne ordbilder og gjør avsnitt tregere å lese. Bruk monospace til kode og korte tekststykker.

### Hvordan stiller jeg tall på linje uten monospace?

Bruk tabelltall. I CSS gir `font-variant-numeric: tabular-nums` sifrene samme bredde i skrifter som støtter det.