# Best fonts for social media: faces that read on a phone [Canonical HTML page](https://gradiently.design/guide/fonts-for-social-media) Your post is designed on a big screen and read on a small one, often in bright light, in a second. These are the typefaces and sizes that survive that trip. ## 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. 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](https://fonts.google.com/), have several weights, and support many languages. Choose one for body and details, and optionally one for headlines. [Font pairing](https://gradiently.design/guide/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 | Eight dependable choices. Sans serifs for anything small; the serifs here are for headlines, set large. ## 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 | Type sizes for social posts. If you have to go below the smallest size, you have too many words for one post. A portrait post with a large headline reading Big type, few words and a readable detail line A post with a large headline and a detail line that still reads at phone size. A vertical story version of the same tip with the text centred 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](https://gradiently.design/guide/letter-spacing). For the full scale from caption to headline, see [typography basics](https://gradiently.design/guide/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](https://gradiently.design/guide/text-on-gradient) covers choosing ink and placement so type reads on any part of the background. > **About fancy fonts in bios and captions** Captions and bios use the platform's own font. Generators that make them look bold or italic swap your letters for mathematical Unicode symbols, which many screen readers read out letter by letter or skip, and which search can't match. Keep captions and bios in plain text; save style for the image. ## 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](https://gradiently.design/guide/brand-fonts) covers making the choice official, and in Gradiently, fonts saved in your brand kit apply to every new design. ## FAQ ### 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.