Bitter
serif · Designed by Sol Matas
Instant CSS & Tailwind Generator
Snippet updates automatically to match whichever weight you select above.
Just want to use the font? Click "Get this font on Google Fonts" to download it or add it directly to a document, design tool (like Canva or Photoshop), or your computer's font list.
Building a website? Click "Copy Font Code" to copy a short snippet, then paste it into your website's HTML (usually inside the <head> section) to use this font on your site.
Bitter is a slab serif typeface designed specifically for screen reading, which shows in how its letterforms are constructed. The serifs are thick and sturdy, the strokes have moderate contrast, and the overall weight feels solid without being heavy. It has a slightly condensed structure that gives text a compact, efficient look on the page. The characters are clear and legible at both large and small sizes, with enough personality to feel intentional rather than generic. It reads as confident and professional, with a journalistic quality that leans traditional without feeling dated.
Bitter works well in editorial and news contexts where readability is the main priority, such as online magazines, blogs, or digital newspapers where long-form content needs to hold a reader's attention. It is also a strong choice for branding and identity work in fields like law, finance, or publishing, where a serif signals credibility and seriousness. Additionally, it performs reliably as a heading font in content-heavy web interfaces or documentation sites, where hierarchy matters and the type needs to anchor sections of information clearly without decorative distraction.
Best suited for: Bitter suits digital editorial layouts, long-form content platforms, professional branding for credibility-focused sectors, and information-dense interfaces requiring clear typographic hierarchy.
Design considerations: The typeface offers nine weight options across both roman and italic styles, supporting flexible typographic systems from delicate to emphatic. Its slab serif construction and moderate stroke contrast maintain legibility across screen sizes while preserving a measured, authoritative presence.
Pairing guidance: Pair Bitter with Raleway as a sans-serif counterpart for navigation and supplementary text, Source Serif 4 to layer serif hierarchy within editorial systems, or Fira Mono for technical content and code blocks in documentation contexts.
Pairs well with
Bitter at a glance
Sol Matas
SIL Open Font License 1.1
December 2011
June 2026
18 (9 weights + italics)
Yes: weight 100–900
Serif
5
Google Fonts
All 18 Bitter styles
| Weight | Name | Upright | Italic |
|---|---|---|---|
| 100 | Thin | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 200 | ExtraLight | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 300 | Light | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 400 | Regular | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 500 | Medium | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 600 | SemiBold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 700 | Bold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 800 | ExtraBold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 900 | Black | Aa Bb Gg 123 | Aa Bb Gg 123 |
Bitter character map
Which languages does Bitter support?
Bitter includes 5 character sets:
- Cyrillic: Russian, Ukrainian, Bulgarian, Serbian and other Cyrillic-script languages
- Cyrillic Extended: additional Cyrillic letters used in languages such as Kazakh, Tatar and Bashkir
- Latin: English, Spanish, French, German, Italian, Portuguese and other Western European languages
- Latin Extended: Central and Eastern European languages such as Polish, Czech, Turkish, Romanian and Hungarian
- Vietnamese: Vietnamese, including its stacked tone marks
Can I use Bitter commercially?
Yes, it's free for personal and commercial use. Bitter is released under the SIL Open Font License 1.1. You can use it in logos, websites, apps, videos, printed products and merchandise without paying or asking permission. The one thing you can't do is sell the font file on its own.