Use-case scenarios
Large Display
The quick brown fox jumps over the lazy dog
Typography Scale
Heading 1 (48px)
The quick brown fox jumps over the lazy dog
Heading 2 (36px)
The quick brown fox jumps over the lazy dog
Heading 3 (24px)
The quick brown fox jumps over the lazy dog
Body Text (16px)
The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.
Small Text (14px)
The quick brown fox jumps over the lazy dog
Install Fixel
/* Self-host: use the download link above for the full files. */
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-100.woff2") format("woff2");
font-weight: 100;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-200.woff2") format("woff2");
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-300.woff2") format("woff2");
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-400.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-500.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-600.woff2") format("woff2");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-700.woff2") format("woff2");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-800.woff2") format("woff2");
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: "Fixel";
src: url("/fonts/fixel-900.woff2") format("woff2");
font-weight: 900;
font-display: swap;
}Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Font family
Fixel
Description
Designed by MacPaw. Variable-grade family with Text and Display widths, Latin and Cyrillic.
Source
Font weights
Use cases
Stats
Popularity 72/100