CTO and co-founder of Signal Sciences. Author and speaker on software engineering, devops, and security.

CSS System Font Stack Serif Medium v1

This cross-platform CSS font stack is based on variations of Palatino.

This system font stack is of a medium size, and suitable for body text and larger headlines. The primary fonts are based on variations of Palatino that are similar in size and use similar numeric forms.

Mac users get a nice upgrade from Palatino using Iowan Old Style. For Windows users there is no obvious alternate.

For linux and other systems, I let it fall to the default `serif` as it's unclear what the right thing to is. Many linux systems are heavily customized: in which case using the default is correct. Update April 2018: For Debian and Ubuntu Linux, the clone URW Palladio L is used since it’s installed by default. See CSS System Fonts on Linux 2018 for details.

font-family:
  /* 1 */ "Iowan Old Style",
  /* 2 */ “Palatino Linotype”
  /* 3 */ Palatino,
  /* 4 */ "URW Palladio L",
  /* 5 */ 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.

Iowan Old Style

This is macOS/iOS font is used in iBooks and Safari reader-mode.

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😺‼✏⚠😭⤴⤵

Variations of Palatino

On Mac it is Palatino, but on Windows it is called Palatino Linotype (or even Book Antiqua). As mentioned above, URW Palladio L is a clone on some Linux systems. All are 99.9% the same.

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

At this stage you are not on a MacOS, iOS, Windows system and anything goes. Default to serif.

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😺‼✏⚠😭⤴⤵

webdev

© 2018 Nick Galbreath