CSS System Font Stack - Serif Charter - V1

Nick Galbreath

Charter is a great font.

This was originally designed in 1987 for print. In 1987 that meant 300 dpi laser printers. That’s very close to what we call retina or HiDPI for screens today. (It’s not exactly the same but the point is holds up well on today’s screens).

MacOS and iOS now make Charter available as a system font, so it’s great choice. It’s also a free font, and so likely installed on many linux and Windows systems as well.

The next closest system front is Georgia, which happens to be designed by the same person! Georgia is a touch larger and uses proportial numbers.

CSS

font-family:
  /* 1 */ Charter,
  /* 3 */ Georgia,
  /* 4 */ serif;

This is what it looks like on your browser:

THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.
The quick brown fox jumped over the lazy dog.
0123456789
11111.11
88888.88
0Oo il1I! Z2z 8$s5S😺

The Fonts

If font below is not available on your system, it will be rendered in a monospace font.

This is not a serif font.
THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.

Charter

THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.
The quick brown fox jumped over the lazy dog.
0123456789
11111.11
88888.88
0Oo il1I! Z2z 8$s5S😺

Georgia

THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.
The quick brown fox jumped over the lazy dog.
0123456789
11111.11
88888.88
0Oo il1I! Z2z 8$s5S😺

serif (default)

THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.
The quick brown fox jumped over the lazy dog.
0123456789
11111.11
88888.88
0Oo il1I! Z2z 8$s5S😺