Bitter vs Merriweather: Slab vs Screen Serif Compared

·

Bitter vs Merriweather

Quick answerBitter is a contemporary slab serif designed for comfortable on-screen reading, while Merriweather is a screen-optimized text serif with a large x-height and sturdy but tapered serifs. The core difference: Bitter’s serifs are squared and slab-like, giving a firmer, more modern feel, whereas Merriweather’s serifs are bracketed and softer. Both are free Google Fonts under the SIL OFL.

Both built for screens and both immensely popular, Bitter vs Merriweather is really a question of slab versus traditional serif texture. Bitter brings squared, slab-style serifs and a contemporary edge; Merriweather offers a more conventional, sturdy reading serif. The right pick depends on the tone and the size at which your text runs.

What is Bitter?

Bitter was designed by Sol Matas at the Huerta Tipográfica foundry and is published through Google Fonts. It is a contemporary slab serif created specifically for comfortable reading on screens, combining the firmness of slab serifs with proportions tuned for body text. The result is a sturdy, modern face with relatively low contrast and clear, squared serifs. Bitter is free under the SIL Open Font License.

What is Merriweather?

Merriweather was designed by Eben Sorkin of Sorkin Type and is published through Google Fonts. It is a text serif engineered for on-screen reading, with a large x-height, slightly condensed letterforms, and robust bracketed serifs. Those traits keep it legible at small sizes and have made it a default body serif across countless websites. Merriweather is free under the SIL Open Font License.

What’s the difference between Bitter and Merriweather?

The defining difference is serif style: Bitter uses squared, slab-like serifs that read as firm and contemporary, while Merriweather uses bracketed, gently tapered serifs typical of a traditional reading serif. Bitter’s lower contrast gives an even, mechanical texture; Merriweather’s larger x-height and heavier color give a denser, warmer page.

Property Bitter Merriweather
Classification Contemporary slab serif Serif (screen-optimized)
Designer / year Sol Matas, Huerta Tipográfica (2011) Eben Sorkin, Sorkin Type (2010s)
X-height Moderate to large Large
Contrast Low Moderate
Best used for Modern body text, headings, UI with a slab feel Dense on-screen body text, blogs, articles
Availability / license Free, SIL OFL (Google Fonts) Free, SIL OFL (Google Fonts)

When should you use each?

Choose Bitter when you want a modern, slightly editorial slab feel, whether for body text, confident headings, or interfaces that benefit from firm, even letterforms. Its low contrast also makes it robust at small sizes and in bold weights. Choose Merriweather when you want a more traditional reading serif with a warm, dense texture, ideal for long articles, blogs, and news-style layouts where comfort over many paragraphs matters. The two are often considered together precisely because both are sturdy and screen-first. If you also want to weigh Merriweather against a refined transitional serif, see our Source Serif vs Merriweather comparison.

Which is more readable for body text / on screen?

Both excel on screen, so readability differences are subtle and stylistic. Merriweather’s large x-height and bracketed serifs give a familiar, comfortable book-like rhythm that many readers find easy over long passages. Bitter’s slab serifs and low contrast produce an even, sturdy texture that stays crisp at small sizes and in dense UI. For traditional long-form reading, Merriweather is a natural pick; for a modern, firm look that still reads well, Bitter holds up strongly. Our serif vs sans serif guide covers the broader legibility factors at play.

Are Bitter and Merriweather free?

Yes. Both Bitter and Merriweather are licensed under the SIL Open Font License and available free from Google Fonts. You can use them for personal and commercial projects, embed them on the web, bundle them in apps, and use them in ebooks and print. As with all OFL fonts, you cannot sell them on their own, and any modified versions must stay under the OFL. For specifics on embedding and modification rights, see our font licensing guide.

Frequently Asked Questions

Is Bitter a slab serif or a regular serif?

Bitter is a slab serif, but one designed for body-text comfort rather than the heavy display feel of classic slabs. Its serifs are squared and firm, yet the overall proportions are tuned for reading on screens. That makes it sit between a traditional reading serif and a bold slab, which is exactly why it is often compared with screen serifs like Merriweather.

Which font feels more modern?

Bitter generally reads as more modern because of its squared slab serifs and low, even contrast, which give it a contemporary, slightly technical character. Merriweather feels more traditional, with bracketed serifs and a warmer, book-like texture. If your brand wants a current, structured look, Bitter leans that way; if it wants timeless and editorial, Merriweather does.

Can I use Bitter and Merriweather together?

You can, though they are similar enough that pairing them as serif-on-serif takes care. A common approach is to use one for body text and the other only for a distinct role, or to pair either with a neutral sans for contrast. For curated, conflict-free combinations, browse our list of the best Google Fonts.

Which is better for headings?

Bitter’s firm slab serifs and even weight make it especially strong for headings, where its structure reads as confident and modern. Merriweather works for headings too, particularly in its bold and black weights, but it is most at home in body text. If headlines are a priority and you want a slab character, Bitter is the more natural choice.

Do both fonts have italic and bold styles?

Yes. Both Bitter and Merriweather ship with a full range of weights from light through black, each with matching italics, and both are available as variable fonts. That gives you ample flexibility to build a clear typographic hierarchy within a single family, without needing to add a second typeface for emphasis.

Keep Reading