Mozilla Text
sans-serif · Designed by Studio DRAMA
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.
Mozilla Text is a humanist sans-serif with a sturdy, functional build that leans toward legibility over style. Its letterforms are open and clear, with moderate stroke contrast and generous x-height that keeps text readable at smaller sizes. The overall tone is professional and neutral without feeling cold or mechanical. It carries a slight technical edge that reflects its origins as a typeface designed with digital interfaces in mind, but it avoids the sterile quality of many screen-focused fonts. It works at a range of sizes without losing its structure, making it dependable rather than decorative.
Because of its clean, readable character, Mozilla Text is well suited for browser-based applications and web products where interface clarity matters. It works effectively in editorial contexts such as news sites or documentation platforms where long-form text needs to stay legible across devices. It is also a strong candidate for technology company branding or product landing pages where a modern but grounded typographic voice is needed, something that communicates reliability without defaulting to the overused look of generic system fonts.
Best suited for: Browser interfaces, web applications, news platforms, documentation sites, and technology company branding where readable body text and interface clarity are priorities.
Design considerations: Mozilla Text offers six weight options from 200 to 700, supporting flexible typographic hierarchy across digital and print contexts. Its humanist construction and generous x-height maintain legibility across sizes while avoiding the mechanical feel common in screen-optimized typefaces.
Pairing guidance: Pair Mozilla Text with Fraunces for editorial layouts where a distinctive serif headline contrasts with neutral body text, Source Serif 4 when a more traditional serif partner suits formal or long-form content, or Space Mono to introduce monospace technical elements in interface design or code documentation contexts.
Pairs well with
Mozilla Text at a glance
Studio DRAMA
SIL Open Font License 1.1
July 2025
July 2025
6 (6 weights)
Yes: weight 200–700
Sans Serif
2
Google Fonts
All 6 Mozilla Text styles
| Weight | Name | Upright |
|---|---|---|
| 200 | ExtraLight | Aa Bb Gg 123 |
| 300 | Light | Aa Bb Gg 123 |
| 400 | Regular | Aa Bb Gg 123 |
| 500 | Medium | Aa Bb Gg 123 |
| 600 | SemiBold | Aa Bb Gg 123 |
| 700 | Bold | Aa Bb Gg 123 |
Mozilla Text character map
Which languages does Mozilla Text support?
Mozilla Text includes 2 character sets:
- 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
It does not include Cyrillic or Greek characters, so it can't set Russian, Ukrainian or Greek text.
Can I use Mozilla Text commercially?
Yes, it's free for personal and commercial use. Mozilla Text 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.