Cascadia Code

Try Cascadia Code

Weights and styles

• ExtraLight 200Cascadia Code ExtraLight ExtraLight Italic
• Light 300Cascadia Code Light Light Italic
• Regular 400Cascadia Code Regular Italic
• Medium 500Cascadia Code Medium Medium Italic
• SemiBold 600Cascadia Code SemiBold SemiBold Italic
• Bold 700Cascadia Code Bold Bold Italic

Cascadia Code is a variable font: the download holds the whole weight range in one file per style, and the named weights above are positions on that range.

About Cascadia Code

Cascadia Code is a monospaced family in which every character occupies the same width, as the evenly spaced alphabet in the specimen shows. Letters that are narrow in other fonts are widened to fill the cell: i, j and l carry long foot and head strokes, and r has a flat base serif. The zero is marked inside to separate it from the capital O. The family is a variable font with a weight axis from 200 to 700 and six named weights, ExtraLight to Bold, each with an italic, for 12 styles in two variable files. With 4,287 glyphs it reaches well past Latin: Cyrillic, Greek, Hebrew and Arabic are present, along with Vietnamese, braille patterns and a symbols subset. Microsoft Corporation holds the copyright, and the license is the SIL Open Font License 1.1.

Where Cascadia Code works

Code editors

Equal character widths keep indentation and aligned operators in columns, and the marked zero is not mistaken for O.

Terminal emulators

Braille patterns and a symbols subset are in the font, which text-mode programs draw on for charts and indicators.

Code samples in documentation

Six weights with italics allow bold keywords and italic comments without leaving the family.

Right-to-left strings in source files

Hebrew and Arabic letters come from the same font as the Latin code around them.

Logs and tabular output

Fixed widths line up timestamps, levels and values row after row.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese
• Russian
• Ukrainian
• Bulgarian
• Greek

Writing systems with glyphs in the family besides Latin: Arabic, Braille, Cyrillic, Greek, Hebrew. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: arabic, braille, cyrillic, cyrillic-ext, greek, hebrew, latin, latin-ext, symbols2, vietnamese. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Cascadia Code

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Cascadia Code on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Cascadia Code";
  src: url("/assets/fonts/CascadiaCode-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cascadia Code";
  src: url("/assets/fonts/CascadiaCode-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Cascadia Code", monospace;
}

Or load it from the official source. Google Fonts serves Cascadia Code with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap" rel="stylesheet">

Things to know

Weight range 200 to 700

The axis ends at Bold 700; there is no ExtraBold or Black, and nothing lighter than ExtraLight 200.

Two variable files

Upright and italic are separate variable fonts, each with the full weight axis.

A large file

The 4,287 glyphs across several scripts make the files bigger than a Latin-only monospaced font; subset them for web use.

Credits

The catalogue lists four designers. The font's name table gives Aaron Bell as designer and Saja Typeworks as manufacturer.

FAQs

Collections with Cascadia Code

• Monospace fonts for coding

  Fixed-width open-license families for editors and terminals, with clear zeros, several weights and, in most cases, italics.

• Fonts that cover several writing systems

  Families that set Latin together with three or more other scripts in one design, for multilingual sites, apps and documents.

Similar fonts

Other families in the same classification, ordered by shared use tags. All monospace fonts