Kortversionen
- De bästa typsnitten för sociala medier har hög x-höjd, öppna bokstavsformer, kraftiga streck och tydlig skillnad mellan tecken som liknar varandra.
- Tunna och lätta vikter, och serifer med hög kontrast och hårfina streck, tenderar att gå sönder när ett inlägg krymps till telefonstorlek och komprimeras.
- I ett inlägg som är 1080 pixlar brett går rubriker på cirka 90 till 140 pixlar och brödtext på minst 40 pixlar att läsa bekvämt på en telefon.
- Gratis typsnitt som Inter, DM Sans, Manrope, Archivo och Source Sans 3 fungerar bra till brödtext, med Fraunces eller DM Serif Display för rubriker med karaktär.
- Snygga textgeneratorer för bios använder matematiska Unicode-symboler som många skärmläsare läser dåligt, så vanlig text är det tryggare valet.
På den här sidan
De bästa typsnitten för sociala medier är de som fortfarande går att läsa när ditt inlägg krymps till en telefonskärm och komprimeras: hög x-höjd, öppna former, kraftiga streck och bokstäver som inte går att förväxla med varandra. Gratis typsnitt som Inter, DM Sans, Manrope, Archivo och Source Sans 3 är pålitliga för det mesta av texten, med Fraunces eller DM Serif Display när en rubrik behöver karaktär.
Vad som gör ett typsnitt läsbart på en telefon
Ett inlägg designas oftast i 1080 pixlars bredd på en bildskärm och ses sedan i en bråkdel av den storleken, ofta medan man scrollar, ibland i solljus. Några egenskaper hos ett typsnitt avgör om det klarar sig.
- Hög x-höjd. Höga gemener ser större ut i samma punktstorlek och förblir läsbara när de är små.
- Öppna former. Bokstäver som c, e och a med vida öppningar klumpar inte ihop sig till kladdiga fläckar.
- Kraftiga, jämna streck. Låg kontrast mellan tjocka och tunna delar gör att inget försvinner när bilden komprimeras.
- Tydliga tecken. Versalt I, gement l och siffran 1, eller O och 0, ska vara lätta att skilja åt.
- Bekväm spärrning. Lite generös bokstavsavstånd hjälper liten text; tät spärrning gör att den klumpar ihop sig.
Har det svårt på telefon
- Tunna och lätta vikter
- Serifer med hög kontrast i små storlekar
- Tätt spärrade smala typsnitt till brödtext
- Skrivstil och handstil till allt som är längre
Läses bra
- Vikter från normal till fet
- Sans serif med låg kontrast och kraftiga serifer
- Normal bredd med bekväm spärrning
- Skrivstil bara till ett eller två ord, stort
Rekommenderade typsnitt för sociala medier, efter uppgift
Alla dessa är gratis på Google Fonts, har flera vikter och stöder många språk. Välj ett för brödtext och detaljer, och gärna ett för rubriker. Typsnittskombinationer förklarar hur du sätter ihop två.
| Typsnitt | Stil | Bäst för | Därför fungerar det |
|---|---|---|---|
| Inter | Neogrotesk sans | Brödtext, detaljer, etiketter | Hög x-höjd, ritad för skärmar |
| DM Sans | Geometrisk sans | Vänlig brödtext och rubriker | Låg kontrast, öppna former |
| Manrope | Modern sans | Ren brödtext och gränssnittslika inlägg | Jämna streck, tydliga siffror |
| Archivo | Grotesk sans | Feta rubriker, tät information | Många vikter och bredder |
| Source Sans 3 | Humanistisk sans | Längre text i karuseller | Öppen, lugn, mycket läsbar |
| Bricolage Grotesque | Uttrycksfull grotesk | Rubriker med personlighet | Särpräglad men kraftig |
| Fraunces | Mjuk rubrikserif | Varma, redaktionella rubriker | Har karaktär, håller när den är stor |
| DM Serif Display | Rubrikserif | Eleganta rubriker och citat | Kontrast som passar stora storlekar |
Storlekar som går att läsa på en telefon
Det vanligaste misstaget är inte typsnittet, utan storleken. Text som ser bra ut på en bildskärm i full storlek blir pytteliten på en telefon. Intervallen nedan gäller ett inlägg eller en story på 1080 pixlars bredd; de är arbetsriktlinjer, inte plattformsregler.
| Text | Storlek på en duk med 1080 px | Vikt |
|---|---|---|
| Rubrik | 90 till 140 px | Halvfet till extra fet |
| Underrubrik eller detalj | 48 till 64 px | Medium till halvfet |
| Brödtext i karuseller och stories | 40 px eller mer | Normal till medium |
| Etiketter och sidnummer | 28 till 32 px som minst | Medium, versaler med extra spärrning |
Ett inlägg med en stor rubrik och en detaljrad som fortfarande går att läsa i telefonstorlek.
Samma inlägg som en story, med orden hållna i den säkra mitten.
Etiketter i versaler behöver lite extra bokstavsavstånd för att förbli läsbara; se bokstavsavstånd. För hela skalan från bildtext till rubrik, se typografins grunder.
Vikt, kontrast och bakgrunder
Plattformar komprimerar om bilder, och komprimeringen mjukar upp fina detaljer först. Hårfina streck och tunna vikter försvinner först, särskilt över gradienter och foton där färgen bakom ändras. På en rörig eller färgstark bakgrund, gå upp en vikt och öka storleken. Text på en gradient tar upp hur du väljer bläckfärg och placering så att texten går att läsa på varje del av bakgrunden.
En snabb checklista innan du publicerar
- 1
Förhandsgranska i telefonstorlek
Krymp designen till den storlek den kommer att visas i, eller skicka den till din telefon.
- 2
Läs den minsta texten
Om den är svår att läsa på en armlängds avstånd, gör den större eller stryk den.
- 3
Kontrollera liknande bokstäver
Se till att koder, datum och användarnamn inte kan misstolkas: I, l, 1, O och 0.
- 4
Kontrollera vikten mot bakgrunden
På gradienter och foton kan en normal vikt behöva bli medium eller halvfet.
- 5
Använd högst två typsnitt
Ett för rubriker och ett för allt annat är gott och väl för inlägg i sociala medier.
När du har valt, håll fast vid det: samma typsnitt i varje inlägg är en stor del av ett flöde som går att känna igen. Varumärkestypsnitt tar upp hur du gör valet officiellt, och i Gradiently gäller typsnitt som sparats i ditt varumärkeskit för varje ny design.
Vanliga frågor
Vilket är det bästa typsnittet för Instagram-inlägg?
En kraftig sans serif med hög x-höjd, som Inter, DM Sans eller Manrope, fungerar för det mesta av texten. För rubriker med karaktär är Fraunces eller DM Serif Display, satta stort, bra val.
Vilken textstorlek ska jag använda i Instagram-inlägg?
I ett inlägg som är 1080 pixlar brett håller cirka 90 till 140 pixlar för rubriker och minst 40 pixlar för brödtext allt läsbart på en telefon.
Går det bra med serifer i sociala medier?
Ja, till rubriker som är satta stort. I små storlekar kan de tunna strecken hos serifer med hög kontrast försvinna, så använd en sans serif till liten text.
Ska jag använda snygga typsnittsgeneratorer till min bio?
Det är bättre att låta bli. De ersätter bokstäver med matematiska Unicode-symboler som många skärmläsare läser dåligt och som sökning inte kan matcha.
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
