Rokkitt
serif · Designed by Vernon Adams
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.
Rokkitt is a slab serif with a sturdy, geometric structure and even stroke weight throughout its letterforms. The serifs are prominent and rectangular, giving it a solid, reliable appearance without feeling heavy or old-fashioned. It sits in a middle ground between classical text typefaces and more contemporary designs, making it readable at both large display sizes and smaller body copy. The overall personality is confident and straightforward, with enough visual interest to stand out from neutral sans-serifs while remaining professional and approachable.
Rokkitt works well as a heading font for editorial and magazine-style websites where you want a typographic presence that feels substantive without being formal or stuffy. It is a practical choice for branding in industries like technology, education, or publishing, where legibility and a sense of authority matter. It also holds up well in UI contexts such as dashboard headers or navigation elements, where the consistent stroke weight and clear letterforms help maintain readability across different screen sizes and resolutions.
Best suited for: Consider Rokkitt for editorial layouts, magazine websites, technology branding, educational materials, and dashboard interfaces where geometric clarity and typographic authority enhance readability.
Design considerations: The extensive weight range from 100 to 900, available in both roman and italic styles, supports flexible typographic hierarchies across editorial and digital applications. Its geometric slab structure maintains consistent legibility across display and body sizes, making it adaptable for varied layout contexts.
Pairing guidance: Pair Rokkitt with Raleway or Lato as complementary sans-serif options for body text and secondary elements, allowing the slab serif to anchor headlines and key information, or combine it with Playfair Display when a more contrasting serif pairing suits editorial layouts requiring distinct typographic voices.
Pairs well with
Rokkitt at a glance
Vernon Adams
SIL Open Font License 1.1
July 2011
September 2025
18 (9 weights + italics)
Yes: weight 100–900
Serif
3
Google Fonts
All 18 Rokkitt 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 |
Rokkitt character map
Which languages does Rokkitt support?
Rokkitt includes 3 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
- Vietnamese: Vietnamese, including its stacked tone marks
It does not include Cyrillic or Greek characters, so it can't set Russian, Ukrainian or Greek text.
Can I use Rokkitt commercially?
Yes, it's free for personal and commercial use. Rokkitt 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.