Kortversionen
- Serif-typsnitt har små avslutande streck i bokstävernas ändar, medan sans serif-typsnitt inte har det.
- Ingen stil är pålitligt mer läsbar än den andra; det specifika typsnittets design, storlek, avstånd och proportioner spelar större roll.
- Regeln om serifer för tryck och sans serif för skärmar kom från skärmar med låg upplösning, och moderna skärmar med hög täthet återger båda väl.
- Serifer tenderar att läsas som traditionella, litterära eller förfinade, och sans serif som moderna, direkta eller neutrala, men de associationerna beror på det specifika typsnittet.
- Många starka designer använder båda: en serif för rubriker och en sans serif för brödtext, eller tvärtom.
På den här sidan
Serif eller sans serif är ett val av röst mer än av läsbarhet. Serif-typsnitt har små avslutande streck, kallade serifer, i bokstävernas ändar; sans serif-typsnitt (sans är franska för utan) har det inte. Ingen av dem är pålitligt lättare att läsa. Välj efter vad texten ska säga, var den ska läsas och i vilken storlek, och kom ihåg att du kan använda båda.
Vad skillnaden faktiskt är
Titta på strecken i ändarna på ett versalt T eller ett gement i. I ett serif-typsnitt avslutas varje streck med en liten fot eller konsol. I en sans serif slutar det bara. Serif-typsnitt har också ofta mer kontrast mellan tjocka och tunna streck, medan många sans serif har streck av nästan jämn tjocklek. Varje sida är en familj av stilar, inte en enda look.
| Kategori | Kännetecken | Exempel i Google Fonts | Tenderar att kännas |
|---|---|---|---|
| Renässansantikva | Mjuk, lutande betoning, måttlig kontrast | EB Garamond | Litterär, varm |
| Övergångsantikva | Mer upprätt, skarpare | Libre Baskerville | Klassisk, pålitlig |
| Didone-antikva | Mycket hög kontrast, hårfina serifer | Playfair Display | Mode, lyx |
| Egyptienne | Tunga, blockliknande serifer | Roboto Slab | Kraftfull, självsäker |
| Grotesk | Vissa egenheter, svag kontrast | Work Sans | Ärlig, lite retro |
| Nygrotesk | Jämn, neutral, slutna former | Inter | Modern, enkel, produktlik |
| Geometrisk sans | Byggd på cirklar och linjer | Jost | Ren, designledd |
| Humanistisk sans | Baserad på handstil, öppna former | Source Sans 3 | Vänlig, läsbar |
En mycket kort historia
Serifbokstäver går tillbaka till romerska versaler och århundraden av boktryck, vilket är varför serifer fortfarande bär en känsla av tradition och böcker. Sans serif-typsnitt för tryck dök upp i början av artonhundratalet och användes först mest till affischer och rubriker. Under nittonhundratalet gjorde modernistiska och schweiziska designers sans serif till klarhetens och neutralitetens röst. På tidiga datorskärmar, med få pixlar per bokstav, föll fina serifer sönder, så sans serif blev standard för gränssnitt, och typsnitt som Verdana och Georgia ritades särskilt för att fungera på de skärmarna.
Läsbarhet: myten och vad som spelar roll i stället
Du kommer fortfarande att läsa att serifer är lättare att läsa i tryck eftersom de leder ögat längs raden, och att sans serif är skonsammare på skärmar. Ingetdera gäller som allmän regel. Skärmrådet handlade om låg upplösning; dagens telefon- och bärbara skärmar med hög täthet återger serifer rent. Det som faktiskt gör text läsbar är det enskilda typsnittets design och hur det sätts.
Spelar mindre roll än du tror
- Om typsnittet har serifer
- Regeln om serif för tryck, sans för skärm
- Vilken stil som är på modet i år
Spelar större roll
- En generös x-höjd och öppna bokstavsformer
- Storlek, radavstånd och radlängd
- Kraftiga streck i små storlekar, inga hårfina linjer
- Tydliga skillnader mellan liknande bokstäver, som I, l och 1
Storlek och avstånd är de största spakarna, och de gäller båda stilarna lika. Typografins grunder ger rimliga standardvärden för var och en.
Vad serifer och sans serif tenderar att signalera
Typsnitt bär associationer, inlärda från var vi har sett dem förut. De är tendenser, inte regler, och ett specifikt typsnitt kan gå emot sin kategori: en lekfull serif eller en formell sans är fullt möjligt.
Serif tenderar att säga
- Tradition, arv, hantverk
- Redaktionellt, litterärt, genomtänkt
- Förfining, särskilt med hög kontrast
- Värme, med mjukare renässansformer
Sans serif tenderar att säga
- Modernt, direkt, effektivt
- Neutralt, produktlikt, tekniskt
- Vänligt, med rundade eller humanistiska former
- Djärvt och högljutt, i tunga vikter
Serif eller sans serif för skärm, tryck och sociala medier
| Var | Bra standardval | Varför |
|---|---|---|
| Gränssnittsetiketter och knappar | Sans serif | Små storlekar, kraftiga former, snabb skanning |
| Lång läsning på skärm | Endera | Välj ett typsnitt designat för text, i generös storlek |
| Tryckta böcker och långa dokument | Endera, ofta serif | Konvention, och många utmärkta textserifer |
| Rubriker i inlägg i sociala medier | Endera, med vikt | Stora storlekar låter serifer visa sin karaktär |
| Liten text på röriga bakgrunder | Sans serif | Jämna streck klarar växlande kontrast |
| Lyx- och redaktionella varumärken | Ofta serif | Serifer med hög kontrast signalerar förfining |
På telefoner kan de tunna delarna av serifer med hög kontrast försvinna i små storlekar. Typsnitt för sociala medier tar upp vad som håller.
Så väljer du för ditt varumärke
- 1
Sätt ord på rösten
Skriv tre ord för hur ditt varumärke ska låta, till exempel lugn, precis, varm. Varumärkespersonlighet hjälper.
- 2
Gör en kortlista efter kategori, inte stil
Varmt och litterärt pekar mot renässansantikva eller humanistisk sans; precist och modernt mot nygrotesker eller övergångsantikva.
- 3
Testa dina riktiga ord
Sätt ditt namn, en rubrik och ett stycke i tre kandidater, i verkliga storlekar.
- 4
Kontrollera den praktiska sidan
Vikter, kursiv, de språk du behöver och licensen.
- 5
Överväg att använda båda
En serif för rubriker och en sans för brödtext, eller tvärtom, ger dig spännvidd. Typsnittskombinationer visar hur.
På webben kan du också förlita dig på de typsnitt som redan finns på folks enheter. De här stackarna ger dig en bra serif eller sans serif utan nedladdning:
.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;
}För det bredare beslutet, inklusive licenser och språk, läs varumärkestypsnitt.
Vanliga frågor
Vad är skillnaden mellan serif och sans serif?
Serif-typsnitt har små avslutande streck i bokstävernas ändar; sans serif-typsnitt har det inte.
Är serif eller sans serif lättare att läsa?
Ingen är pålitligt lättare. Läsbarheten beror mer på det specifika typsnittets design, dess storlek, radavstånd och radlängd.
Ska jag använda serif eller sans serif på en webbplats?
Båda fungerar på moderna skärmar. Sans serif är ett tryggt standardval för gränssnittstext; serifer designade för text fungerar bra för lång läsning i generös storlek.
Kan jag använda serif och sans serif tillsammans?
Ja. En serif för rubriker med en sans serif för brödtext, eller tvärtom, är en av de mest pålitliga typsnittskombinationerna.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil
