Font Preview
Preview web-safe and Google Fonts.
Specimen
The quick brown fox jumps over the lazy dog
Size ramp
The same string at the sizes a type scale usually needs.
12pxThe quick brown fox jumps over the lazy dog
14pxThe quick brown fox jumps over the lazy dog
16pxThe quick brown fox jumps over the lazy dog
20pxThe quick brown fox jumps over the lazy dog
24pxThe quick brown fox jumps over the lazy dog
32pxThe quick brown fox jumps over the lazy dog
48pxThe quick brown fox jumps over the lazy dog
64pxThe quick brown fox jumps over the lazy dog
Weights
100The quick brown fox jumps over the lazy dog
200The quick brown fox jumps over the lazy dog
300The quick brown fox jumps over the lazy dog
400The quick brown fox jumps over the lazy dog
500The quick brown fox jumps over the lazy dog
600The quick brown fox jumps over the lazy dog
700The quick brown fox jumps over the lazy dog
800The quick brown fox jumps over the lazy dog
900The quick brown fox jumps over the lazy dog
A weight the font does not ship is synthesised by the browser, which looks close but is not the real cut.
Character set
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@#$%()[]/\|~^*+=<> ,.;:'"`—–…
Font
Fonts stay on your machine — they are registered with the page, never uploaded.
Sample text
Typography
32px
400
1.40
0px
CSS
Rule
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0px;