# Monospace-typsnitt i varumärken: tech, redaktion och retro

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

Monospace-typografi skapades för skrivmaskiner och terminaler. Varumärken använder den nu för att se precisa, öppenhjärtiga eller nostalgiska ut. Så väljer du ett, var det hör hemma i en identitet och var det inte gör det.

## The short version

- I ett monospace-typsnitt tar varje tecken lika stor bredd, så texten linjerar i perfekta kolumner.
- Monospace-typografi läses som teknisk, redaktionell eller retro beroende på typsnittet och färgerna runt omkring.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono och Courier Prime är gratis monospace-typsnitt på Google Fonts.
- Monospace-typsnitt fungerar bäst till etiketter, siffror, koder och korta rader, och är tröttande att läsa i långa stycken.
- Behöver du bara att siffror ska linjera klarar tabellsiffror i ett vanligt typsnitt jobbet utan att ändra hela rösten.

**Monospace-typsnitt** ger varje tecken samma bredd, så ett i tar lika stor plats som ett m och texten linjerar i snygga kolumner. Den mekaniska rytmen är skälet till att varumärken använder dem: i en teknisk identitet läses monospace som precist och konstruerat, i redaktionell design som öppenhjärtigt och dokumentärt, och i retro minner det om skrivmaskiner, kvitton och gröna terminalskärmar. Bra gratis typsnitt är bland andra JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono och Courier Prime, alla på Google Fonts.

## Därför känns monospace-typografi som den gör

Vanliga typsnitt är proportionella: smala bokstäver får smala rutor, breda bokstäver får breda. Monospace tvingar varje bokstav in i en enda ruta. Smala bokstäver får seriffer eller plattor för att fylla utrymmet, breda bokstäver trycks ihop, och resultatet får ett synligt rutnät. Folk förknippar det rutnätet med maskinerna som skapade det: skrivmaskiner, kodeditorer, terminaler, flygbiljetter och fraktetiketter. De associationerna är varumärkesvärdet, och också risken.

## Gratis monospace-typsnitt, efter smak

| Smak | Google Fonts | Karaktär | Passar |
| --- | --- | --- | --- |
| Rent tekniskt | JetBrains Mono, Geist Mono, Roboto Mono, Source Code Pro | Neutralt, mycket läsbart, gjort för kod | Utvecklarverktyg, SaaS, dokumentation |
| Företag och redaktionellt | IBM Plex Mono, DM Mono, Red Hat Mono | Lugnt, förfinat, lite bokligt | Magasin, studior, årsredovisningar |
| Karaktärsfullt | Space Mono, Martian Mono, Azeret Mono | Geometriskt eller egensinnigt, starkt i stora storlekar | Rubriker, affischer, kreativa varumärken |
| Skrivmaskin | Courier Prime, Special Elite | Plattserifer, bläck och papper | Manus, brev, vintagevarumärken |
| Retroskärm | VT323, Share Tech Mono | Former från terminaler och sci-fi-skärmar | Spel, musik, nostalgiska kampanjer |

Gratis under öppna licenser. Fira Code lägger dessutom till programmeringsligaturer som förvandlar teckenpar som => till enskilda symboler.

Några bakgrundshistorier hjälper vid valet. **IBM Plex Mono** ingår i IBM:s egen företagsfamilj, så det bär ett allvarligt, institutionellt lugn. **Space Mono** formgavs av Colophon för Google Design och har ett särpräglat geometriskt utseende som håller som rubrik. **Courier Prime** gjordes som en mer förfinad Courier för manus. **VT323** bygger på typsnittet från en DEC-datorterminal på 1980-talet, så det läses direkt som retro.

## Monospace i tekniska varumärken

För utvecklarverktyg och tekniska produkter signalerar ett mono-typsnitt att varumärket talar användarens språk. Fällan är att använda det överallt. En hel webbplats i monospace är tröttande att läsa och ser ut som en kodeditor snarare än en produkt. Det starkare mönstret är en ren sans till rubriker och brödtext, med monospace för de detaljer som verkligen är tekniska: versionsnummer, kommandon, etiketter, priser i tabeller, små överrubriker.

En bred LinkedIn-länkbild som meddelar Version 3.0 med en liten teknisk etikett ovanför rubriken

En länkbild på 1200×627 för LinkedIn till en release. En versionsetikett är monospace-typsnittets naturliga hem; rubriken kan stanna i en sans.

Ett stående redaktionellt inlägg med titeln Rapport 017, en liten datumetikett och en kort lista

Ett redaktionellt inlägg. Datum, utgåvenummer och registreringsetiketter i mono ger en dokumentär anteckningsbokskänsla.

## Monospace i redaktionell design

Magasin, nyhetsbrev och studior använder monospace till metadata: datumrader, bildtexter, krediter, utgåvenummer och löpande huvuden. Bredvid en serif eller en förfinad sans tillför det en ton av ärlighet, som en reporters anteckningsbok eller en arkivetikett. Det fungerar eftersom det används sparsamt och litet, i versaler eller gemener med lite spärrning. [Typografins grunder](https://gradiently.design/sv/guide/typography-basics) och [typsnittskombinationer](https://gradiently.design/sv/guide/font-pairing) går igenom hur du bygger den kontrasten.

## Monospace i retrodesign

Retro-mono finns i två dialekter. Skrivmaskinstypsnitt för med sig papper, bläck och 1960-talets kontor; terminaltypsnitt för med sig glödande skärmar och tidig datorhistoria. Färgen gör halva jobbet: ett skrivmaskinstypsnitt på varm off-white, ett terminaltypsnitt i fosforgrönt eller bärnstensgult på nästan svart. [Retrotypsnitt](https://gradiently.design/sv/guide/retro-fonts) tar upp ett bredare spann av nostalgiska stilar.

- Terminalsvart: #0b0f0c
- Fosforgrönt: #33ff66
- Bärnstensskärm: #ffb000
- Skrivpapper: #f3ecdc
- Färgbandsbläck: #2b2a28

Två retrovärldar för monospace: grönt eller bärnstensgult på terminalsvart, eller färgbandsbläck på skrivpapper. Välj en, aldrig båda.

## Så använder du monospace väl

### Undvik

- Långa stycken satta i monospace
- Monospace för varje del av ett varumärke
- Skrivmaskinstypsnitt till allvarlig finanstext
- Att blanda två olika mono-typsnitt
- Pyttesmå mono-etiketter utan spärrning

### Gör så här

- Mono till etiketter, siffror, koder och korta rader
- En sans eller serif till rubriker och brödtext
- Anpassa smaken till varumärkets ton
- Ett mono-typsnitt, använt i en eller två roller
- Litet mono i versaler med ungefär 0,05 em spärrning

Ibland är det du egentligen vill ha siffror som linjerar, inte en mekanisk röst. Många proportionella typsnitt har tabellsiffror, siffror som alla delar en bredd, och de kan slås på i CSS. Det håller priser och tabeller prydliga utan att ändra känslan i hela designen.

```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` använder operativsystemets eget mono-typsnitt som reserv. `tabular-nums` linjerar siffror i typsnitt som stöder det.

Monospace passar bra ihop med gradient- och materialbakgrunder, eftersom dess platta, jämna textur står i kontrast mot mjuk färg. I Gradiently håller en Mark små etiketter läsbara genom att flytta sin lugnaste yta bakom orden och välja ljust eller mörkt bläck per rad, och med Pro rymmer varumärkespaketet dina rubrik- och brödtypsnitt, även [uppladdade typsnittsfiler](https://gradiently.design/sv/guide/custom-fonts-upload). För en bredare bild av varumärkets typografi, se [varumärkets typsnitt](https://gradiently.design/sv/guide/brand-fonts) och [moderna typsnitt](https://gradiently.design/sv/guide/modern-fonts).

## FAQ

### Vad är ett monospace-typsnitt?

Ett typsnitt där varje tecken tar lika stor horisontell bredd, så texten linjerar i kolumner, som på en skrivmaskin eller i en kodeditor.

### Vilket är det bästa gratis monospace-typsnittet?

JetBrains Mono och IBM Plex Mono är utmärkta allroundtypsnitt. Space Mono passar rubriker och Courier Prime passar skrivmaskinsstilar. Alla är gratis på Google Fonts.

### Kan jag använda ett monospace-typsnitt för ett varumärke?

Ja, särskilt för tekniska, redaktionella eller retrovarumärken. Använd det till etiketter, siffror och korta rader, och kombinera det med en sans eller serif för längre text.

### Är monospace bra för brödtext?

Oftast inte. Lika breda tecken gör orden ojämna och stycken långsammare att läsa. Spara monospace till kod och korta textstycken.

### Hur får jag siffror att linjera utan ett monospace-typsnitt?

Använd tabellsiffror. I CSS gör `font-variant-numeric: tabular-nums` att siffrorna delar en bredd i typsnitt som stöder det.