The short version
- The best fonts for social media have a large x-height, open letter shapes, sturdy strokes and clear differences between similar characters.
- Thin and light weights, and high-contrast serifs with hairline strokes, tend to break up when a post is shrunk to phone size and compressed.
- On a 1080-pixel-wide post, headlines of about 90 to 140 pixels and body text of at least 40 pixels read comfortably on a phone.
- Free typefaces such as Inter, DM Sans, Manrope, Archivo and Source Sans 3 work well for body text, with Fraunces or DM Serif Display for characterful headlines.
- Fancy text generators for bios use mathematical Unicode symbols that many screen readers read badly, so plain text is the safer choice.
On this page
The best fonts for social media are the ones that still read when your post is shrunk to a phone screen and compressed: a large x-height, open shapes, sturdy strokes and letters that can't be confused with each other. Free faces like Inter, DM Sans, Manrope, Archivo and Source Sans 3 are reliable for most text, with Fraunces or DM Serif Display when a headline needs character.
What makes a font read on a phone
A post is usually designed at 1080 pixels wide on a monitor, then seen at a fraction of that size, often while scrolling, sometimes in sunlight. A few features of a typeface decide whether it survives.
- Large x-height. Tall lowercase letters look bigger at the same point size and stay legible when small.
- Open shapes. Letters like c, e and a with wide openings don't close up into blobs.
- Sturdy, even strokes. Low contrast between thick and thin parts means nothing disappears when the image is compressed.
- Distinct characters. Capital I, lowercase l and the number 1, or O and 0, should be easy to tell apart.
- Comfortable spacing. Slightly generous letter spacing helps small text; tight spacing makes it clump.
Struggles on a phone
- Thin and light weights
- High-contrast serifs at small sizes
- Tightly spaced condensed faces for body text
- Script and handwriting fonts for anything long
Reads well
- Regular to bold weights
- Low-contrast sans serifs and sturdy serifs
- Normal width with comfortable spacing
- Scripts only for a word or two, large
Recommended fonts for social media, by job
All of these are free on Google Fonts, have several weights, and support many languages. Choose one for body and details, and optionally one for headlines. Font pairing explains how to put two together.
| Typeface | Style | Best for | Why it works |
|---|---|---|---|
| Inter | Neo-grotesque sans | Body, details, labels | Tall x-height, drawn for screens |
| DM Sans | Geometric sans | Friendly body and headlines | Low contrast, open shapes |
| Manrope | Modern sans | Clean body and UI-like posts | Even strokes, clear numbers |
| Archivo | Grotesque sans | Bold headlines, dense info | Many weights and widths |
| Source Sans 3 | Humanist sans | Longer text on carousels | Open, calm, very readable |
| Bricolage Grotesque | Expressive grotesque | Headlines with personality | Distinctive but sturdy |
| Fraunces | Soft display serif | Warm, editorial headlines | Characterful, holds up large |
| DM Serif Display | Display serif | Elegant headlines and quotes | Contrast that suits large sizes |
Sizes that read on a phone
The most common mistake isn't the font, it's the size. Text that looks fine on a monitor at full size becomes tiny on a phone. These ranges are for a 1080-pixel-wide post or story; they are working guides, not platform rules.
| Text | Size on a 1080 px canvas | Weight |
|---|---|---|
| Headline | 90 to 140 px | Semibold to black |
| Subheading or detail | 48 to 64 px | Medium to semibold |
| Body on carousels and stories | 40 px or more | Regular to medium |
| Labels and page numbers | 28 to 32 px at the smallest | Medium, capitals with extra spacing |
A post with a large headline and a detail line that still reads at phone size.
The same post as a story, with the words kept in the safe middle.
Labels in capitals need a little extra letter spacing to stay legible; see letter spacing. For the full scale from caption to headline, see typography basics.
Weight, contrast and backgrounds
Platforms recompress images, and compression softens fine detail first. Hairline strokes and thin weights are the first to go, especially over gradients and photos where the colour behind them changes. On a busy or colourful background, move up a weight and increase the size. Text on a gradient covers choosing ink and placement so type reads on any part of the background.
A quick checklist before you post
- 1
Preview at phone size
Shrink the design to the size it will appear, or send it to your phone.
- 2
Read the smallest text
If it's hard to read at arm's length, make it bigger or cut it.
- 3
Check similar letters
Make sure codes, dates and handles can't be misread: I, l, 1, O and 0.
- 4
Check the weight on the background
On gradients and photos, a regular weight may need to become medium or semibold.
- 5
Use no more than two fonts
One for headlines and one for everything else is plenty for social posts.
Once you've chosen, keep it: the same fonts on every post are a big part of a recognisable feed. Brand fonts covers making the choice official, and in Gradiently, fonts saved in your brand kit apply to every new design.
Questions people ask
What is the best font for Instagram posts?
A sturdy sans serif with a large x-height, such as Inter, DM Sans or Manrope, works for most text. For headlines with character, Fraunces or DM Serif Display set large are good choices.
What font size should I use on Instagram posts?
On a 1080-pixel-wide post, around 90 to 140 pixels for headlines and at least 40 pixels for body text keeps everything readable on a phone.
Are serif fonts okay for social media?
Yes, for headlines set large. At small sizes, the thin strokes of high-contrast serifs can disappear, so use a sans serif for small text.
Should I use fancy font generators for my bio?
It's better not to. They replace letters with mathematical Unicode symbols that many screen readers read badly and search can't match.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile
