Cascadia Code

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.

Cascadia Code is a monospaced typeface with clean, geometric letterforms and a technical precision that makes it immediately recognizable as a coding font. Its characters are evenly spaced and highly legible at small sizes, with subtle humanist touches that soften the mechanical look without compromising readability. The font includes programming ligatures, meaning certain character combinations merge into single glyphs, which gives code a cleaner visual flow. Its personality is functional and modern, sitting comfortably in developer-focused contexts without feeling cold or overly corporate.

This font works well as a display or UI typeface for developer tools, terminal emulators, and code editors where technical clarity is the priority. It is a strong choice for tech product landing pages or SaaS platforms targeting engineering audiences, where using a coding font reinforces the product's identity. It also fits well in documentation sites and technical blogs, where showing code snippets in the same font used throughout the interface creates a consistent, professional reading experience.

Best suited for: Cascadia Code is recommended for code editors, terminal interfaces, developer documentation, technical blogs, and SaaS platforms where monospaced clarity and programming ligatures enhance readability.

Design considerations: The font's extensive weight range from 200 to 700, available in both regular and italic styles, supports flexible typographic hierarchy across interfaces and documents. Its broad script support including Arabic, Cyrillic, Greek, and Hebrew makes it suitable for international technical environments, while the geometric precision maintains legibility across all variants.

Pairing guidance: Consider pairing Cascadia Code with Space Grotesk for UI labels and navigation where a humanist sans-serif provides visual relief, Noto Serif for body text in technical articles where serif typography aids reading comfort, or DM Mono for secondary code blocks where a lighter monospace complements the primary font's weight.

Pairs well with

Cascadia Code at a glance

All 12 Cascadia Code styles

Cascadia Code character map

Which languages does Cascadia Code support?

Cascadia Code includes 10 character sets:

• Arabic: Arabic, Persian and Urdu
• Braille
• Cyrillic: Russian, Ukrainian, Bulgarian, Serbian and other Cyrillic-script languages
• Cyrillic Extended: additional Cyrillic letters used in languages such as Kazakh, Tatar and Bashkir
• Greek: modern Greek
• Hebrew: Hebrew and Yiddish
• 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
• Symbols 2: box-drawing, block and other extra symbols
• Vietnamese: Vietnamese, including its stacked tone marks

Can I use Cascadia Code commercially?

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

Cascadia Code FAQ