Sans-serif typeface

Cascadia Code

Try your own text
Cascadia Code — Five quacking zephyrs jolt my wax bed.
Instant CSS
About this font

Cascadia Code is a sans-serif typeface suited to clear, structured text where consistent forms and spacing matter. Its broad range of supplied subsets makes it adaptable across scripts, while the available normal and italic styles support both functional reading and emphasis. The variable format also allows more flexible control over weight.

Best suited for: Use Cascadia Code for code editors, developer documentation, technical notes, command-line examples, and interface text that benefits from an orderly appearance. It can also support labels, diagrams, and other compact information displays where consistent text treatment helps readers scan details.

Design considerations: The six weights, from 200 through 700, give you room to separate secondary information from headings and stronger highlights without changing families. Lighter settings may suit spacious interfaces, while medium and heavier weights can clarify dense examples or key labels. Normal and italic styles provide a simple way to distinguish commentary or emphasis.

Pairing guidance: For surrounding prose, consider a readable serif or a humanist sans-serif with comfortable proportions, so the technical text remains distinct without making the page feel rigid. A restrained display face can work for large headings, but keep its details simple and its spacing compatible. Match contrast and size carefully across scripts and subsets.

Font pairing ideas

Fonts that pair well with Cascadia Code

Explore complementary typefaces for headings, body copy, accents, and interface text.

Caladea
Aa
Serif · 2 weights
Baloo 2
Aa
Display · 5 weights
Coustard
Aa
Serif · 2 weights
Bellota Text
Aa
Display · 3 weights
Enriqueta
Aa
Serif · 4 weights