Cascadia Code

Classification

Humanist Sans

Font Technology

Variable Font with 1 axis
Weight (wght): 200–700

How To Use Cascadia Code

To use Cascadia Code in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.
Download Cascadia Code
@font-face {
  font-family: 'Cascadia Code';
  src: url('<YOUR SERVER PATH>CascadiaCode[wght].ttf') format(woff2);
  font-weight: 200 700;
  font-stretch: 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Cascadia Code';
  src: url('<YOUR SERVER PATH>CascadiaCode-Italic[wght].ttf') format(woff2);
  font-weight: 200 700;
  font-stretch: 100%;
  font-style: italic;
}

Designer

Aaron Bell, Mohamad Dakak, Viktoriya Grabowska, Liron Lavi Turkenich

Copyright

© 2021 Microsoft Corporation. All Rights Reserved.

OpenType Features

Contextual alternates
Fractions
Ordinals
Stylistic set 19
Subscript
Superscript
Slashed Zero
Stylistic alternates
Stylistic set 1

Related Fonts

Cascadia Mono
Fira Code
Fira Mono
Intel One Mono
Sometype Mono
Agdasima
Lekton
ZCOOL XiaoWei
Mochiy Pop P One
Mochiy Pop One
Cascadia Code regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Stylistic set 19
default css
font-feature-settings: "ss19" 1
0
0
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0
Cascadia Code italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Stylistic alternates
default css
font-feature-settings: "salt" 1
f
f
l
l
ĺ
ĺ
ƚ
ƚ
ɬ
ɬ
ľ
ľ
ļ
ļ
ŀ
ŀ
ḷ
ḷ
ḻ
ḻ
ɫ
ɫ
ł
ł
r
r
ŕ
ŕ
ř
ř
ŗ
ŗ
ṛ
ṛ
s
s
ś
ś
š
š
ş
ş
ŝ
ŝ
ș
ș
ṣ
ṣ
в
в
з
з
ч
ч
ҷ
ҷ
ƒ
ƒ
Stylistic set 1
default css
font-feature-settings: "ss01" 1
f
f
l
l
ĺ
ĺ
ƚ
ƚ
ɬ
ɬ
ľ
ľ
ļ
ļ
ŀ
ŀ
ḷ
ḷ
ḻ
ḻ
ɫ
ɫ
ł
ł
r
r
ŕ
ŕ
ř
ř
ŗ
ŗ
ṛ
ṛ
s
s
ś
ś
š
š
ş
ş
ŝ
ŝ
ș
ș
ṣ
ṣ
в
в
з
з
ч
ч
ҷ
ҷ
ƒ
ƒ
Stylistic set 19
default css
font-feature-settings: "ss19" 1
0
0
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0