Cal Sans

Instant CSS & Tailwind Generator

Snippet updates automatically to match whichever weight you select above.

What do I do with this?

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.

Cal Sans is a geometric sans-serif with a clean, modern structure and a slightly humanist touch that keeps it from feeling cold or mechanical. Its letterforms are confident and well-proportioned, with consistent stroke weights that give it a strong presence at larger sizes. It has a straightforward, no-nonsense character that leans professional without being stiff. The design has enough personality to stand out but stays restrained enough to work across a range of contexts without demanding too much attention.

Cal Sans works well as a display or heading typeface for tech products and SaaS platforms, where its geometric precision signals reliability and forward-thinking design. It fits naturally in startup branding, particularly for companies that want a contemporary look without chasing trends. It also works effectively in UI contexts for dashboards or apps where clarity and legibility at medium-to-large sizes are priorities, such as navigation labels, hero text, or prominent call-to-action elements.

Best suited for: Consider Cal Sans for tech product interfaces, SaaS dashboards, startup branding, and digital applications where modern clarity and confident letterforms enhance user experience.

Design considerations: Cal Sans is available in a single regular weight, which may limit typographic hierarchy options in complex layouts. Its geometric foundation with humanist restraint positions it as versatile across both display and functional UI roles, though single-weight offerings work best when paired with complementary typefaces for variation.

Pairing guidance: Pair Cal Sans with DM Serif Display to introduce serif contrast for editorial hierarchy, Inter to extend sans-serif flexibility across weights and styles for comprehensive UI systems, or Space Mono to add monospace distinction for technical content, code samples, or data-heavy interfaces.

Pairs well with

Cal Sans at a glance

Cal Sans styles

Cal Sans character map

Which languages does Cal Sans support?

Cal Sans 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 Cal Sans commercially?

Yes, it's free for personal and commercial use. Cal Sans 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.

Fonts similar to Cal Sans

Cal Sans FAQ