# Bästa typsnitten för sociala medier: läsbara i mobilen

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

Ditt inlägg designas på en stor skärm och läses på en liten, ofta i starkt ljus, på en sekund. Här är typsnitten och storlekarna som klarar den resan.

## The short version

- 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.

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](https://fonts.google.com/), 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](https://gradiently.design/sv/guide/font-pairing) 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 |

Åtta pålitliga val. Sans serif till allt som är litet; serifer här är till rubriker, satta stort.

## 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 |

Textstorlekar för inlägg i sociala medier. Om du måste gå under minsta storleken har du för många ord för ett inlägg.

Ett stående inlägg med en stor rubrik som lyder Stor text, få ord och en läsbar detaljrad

Ett inlägg med en stor rubrik och en detaljrad som fortfarande går att läsa i telefonstorlek.

En stående storyversion av samma tips med texten centrerad

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](https://gradiently.design/sv/guide/letter-spacing). För hela skalan från bildtext till rubrik, se [typografins grunder](https://gradiently.design/sv/guide/typography-basics).

## 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](https://gradiently.design/sv/guide/text-on-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.

> **Om snygga typsnitt i bios och bildtexter** Bildtexter och bios använder plattformens eget typsnitt. Generatorer som får dem att se feta eller kursiva ut byter dina bokstäver mot matematiska Unicode-symboler, som många skärmläsare läser upp bokstav för bokstav eller hoppar över, och som sökning inte kan matcha. Håll bildtexter och bios i vanlig text; spara stilen till bilden.

## 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](https://gradiently.design/sv/guide/brand-fonts) 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.

## FAQ

### 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.