Kort fortalt
- I en monospace-skrifttype fylder hvert tegn den samme bredde, så teksten står i perfekte kolonner.
- Monospace virker teknisk, redaktionel eller retro afhængigt af skriften og farverne omkring den.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono og Courier Prime er gratis monospace-skrifter på Google Fonts.
- Monospace fungerer bedst til etiketter, tal, koder og korte linjer og er trættende at læse i lange afsnit.
- Hvis du kun har brug for, at tal står på linje, klarer tabeltal i en almindelig skrift opgaven uden at ændre hele stemmen.
På denne side
Monospace-skrifttyper giver hvert tegn den samme bredde, så et i fylder lige så meget som et m, og teksten står i pæne kolonner. Den mekaniske rytme er grunden til, at brands bruger dem: i en tech-identitet virker monospace præcis og konstrueret, i redaktionelt design virker den ærlig og dokumentarisk, og i retroarbejde minder den om skrivemaskiner, kvitteringer og grønne terminalskærme. Gode gratis skrifter er blandt andre JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono og Courier Prime, alle på Google Fonts.
Hvorfor monospace føles, som den gør
Almindelige skrifter er proportionale: smalle bogstaver får smalle felter, brede bogstaver får brede. Monospace presser hvert bogstav ind i ét felt. Smalle bogstaver får seriffer eller blokke for at fylde pladsen ud, brede bogstaver bliver klemt, og resultatet har et synligt gitter. Folk forbinder det gitter med de maskiner, der skabte det: skrivemaskiner, kodeeditorer, terminaler, flybilletter og forsendelsesetiketter. De associationer er brandværdien og samtidig risikoen.
Gratis monospace-skrifter efter stil
Google Fonts
Karakter
Passer til
Google Fonts
Karakter
Passer til
Google Fonts
Karakter
Passer til
Google Fonts
Karakter
Passer til
Google Fonts
Karakter
Passer til
Lidt baggrundshistorie hjælper med valget. IBM Plex Mono er en del af IBM’s egen virksomhedsfamilie og har derfor en seriøs, institutionel ro. Space Mono blev tegnet af Colophon til Google Design og har et karakteristisk geometrisk udtryk, der holder som overskrift. Courier Prime blev lavet som en mere raffineret Courier til filmmanuskripter. VT323 bygger på skriften fra en DEC-computerterminal fra 1980’erne og virker derfor straks retro.
Monospace i tech-branding
For udviklerværktøjer og tekniske produkter signalerer en monoskrift, at brandet taler brugerens sprog. Fælden er at bruge den overalt. Et helt website i monospace er trættende at læse og ligner en kodeeditor mere end et produkt. Det stærkere mønster er en ren sans til overskrifter og brødtekst, med monospace til de detaljer, der faktisk er tekniske: versionsnumre, kommandoer, etiketter, priser i tabeller, små rubrikker.
Et 1200×627 LinkedIn-linkbillede til en udgivelse. En versionsetiket er det naturlige sted for monospace; overskriften kan blive i en sans.
Et redaktionelt opslag. Datoer, nummerangivelser og arkivetiketter i mono giver en dokumentarisk notesbogsfølelse.
Monospace i redaktionelt design
Magasiner, nyhedsbreve og studier bruger monospace til metadata: datolinjer, billedtekster, krediteringer, udgavenumre og klummehoveder. Ved siden af en antikva eller en raffineret sans tilføjer den en tone af ærlighed, som en journalists notesbog eller en arkivetiket. Det virker, fordi den bruges sparsomt og småt, med versaler eller små bogstaver og lidt spatiering. Grundlæggende typografi og skriftkombinationer viser, hvordan du bygger den kontrast.
Monospace i retrodesign
Retro-mono findes i to dialekter. Skrivemaskineskrifter bringer papir, blæk og 1960’ernes kontor; terminalskrifter bringer lysende skærme og tidlig computerhistorie. Farven gør halvdelen af arbejdet: en skrivemaskineskrift på varm offwhite, en terminalskrift i fosforgrøn eller rav på næsten sort. Retroskrifttyper dækker det bredere udvalg af nostalgiske stilarter.
Sådan bruger du monospace godt
Undgå
- Lange afsnit sat i monospace
- Monospace til alle elementer i et brand
- Skrivemaskineskrifter til seriøs finanstekst
- To forskellige monoskrifter blandet
- Bittesmå monoetiketter uden spatiering
Gør
- Mono til etiketter, tal, koder og korte linjer
- En sans eller antikva til overskrifter og brødtekst
- Lad stilen matche brandets tone
- Én monoskrift, brugt i en eller to roller
- Lille mono i versaler med omkring 0,05em spatiering
Nogle gange vil du egentlig bare have tal, der står på linje, ikke en mekanisk stemme. Mange proportionale skrifter har tabeltal, cifre der alle deler én bredde, som du kan slå til i CSS. Så holder priser og tabeller sig pæne uden at ændre følelsen i hele designet.
/* 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 bruger styresystemets egen monoskrift som reserve. tabular-nums sætter cifre på linje i skrifter, der understøtter det.Monospace passer godt til gradient- og materialebaggrunde, fordi dens flade, jævne tekstur står i kontrast til blød farve. I Gradiently holder en Mark små etiketter læsbare ved at flytte sit roligste område bag ordene og vælge lys eller mørk tekst for hver linje, og med Pro rummer brandkittet dine skrifter til overskrifter og brødtekst, også uploadede skriftfiler. For et bredere blik på brandtypografi, se brandskrifttyper og moderne skrifttyper.
Spørgsmål, folk stiller
Hvad er en monospace-skrifttype?
En skrifttype, hvor hvert tegn fylder den samme vandrette bredde, så teksten står i kolonner, som på en skrivemaskine eller i en kodeeditor.
Hvad er den bedste gratis monospace-skrifttype?
JetBrains Mono og IBM Plex Mono er fremragende allroundere. Space Mono passer til overskrifter, og Courier Prime passer til skrivemaskinestil. Alle er gratis på Google Fonts.
Kan jeg bruge en monospace-skrifttype til et brand?
Ja, især til tech-, redaktionelle eller retrobrands. Brug den til etiketter, tal og korte linjer, og kombinér den med en sans eller antikva til længere tekst.
Er monospace god til brødtekst?
Normalt ikke. Ens bredder gør ordene ujævne og afsnittene langsommere at læse. Hold monospace til kode og korte tekststykker.
Hvordan får jeg tal til at stå på linje uden en monospace-skrift?
Brug tabeltal. I CSS får font-variant-numeric: tabular-nums cifre til at dele én bredde i skrifter, der understøtter det.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil