Common Web Fonts

By Xah Lee. Date: . Last updated: .

Here's a list of fonts that are compatible across Microsoft Windows, Mac, linux.

ABCDEFG HIJKLMN OPQRST UVWXYZ abcdefg hijklmn opqrst uvwxyz.
I love you. Questions & Answers, mn Ool10 1+2=3.
Times New Roman
ABCDEFG HIJKLMN OPQRST UVWXYZ abcdefg hijklmn opqrst uvwxyz.
I love you. Questions & Answers, mn Ool10 1+2=3.
Arial
ABCDEFG HIJKLMN OPQRST UVWXYZ abcdefg hijklmn opqrst uvwxyz.
I love you. Questions & Answers, mn Ool10 1+2=3.
Courier New

Metrically Compatible Fonts

Metrically Compatible Fonts are mostly created as clones to avoid copyright. They have the same cap height, x-height, ascender height, descender height.

typography line terms
typography terminology explained
[see Meaning of Font Size]

That means, you can change the font on a web page without changing font size and the layout and effective font size remains the same.

They are usually automatically changed by the operating system if one of these is not available.

Arial compatible:

Helvetica
Year 1957. On Mac since 1980s.
Arial
Year 1992. Microsoft clone, since Windows 3.1.
Liberation Sans
2007. Linux.
Arimo
Google, ~2013

Calibri compatible:

Calibri
2007. Sans-serif. Arial sequel. Replaced Arial as the default in PowerPoint, Excel, Outlook, WordPad. Replaced Times New Roman in Microsoft Office.
Carlito
Google. 2013

Times New Roman compatible:

Times New Roman
Year 1932. On Mac/Windows since 1990s.
Liberation Serif
Linux. 2007
Tinos
Google. 2013

Cambria compatible:

Cambria
Microsoft Windows and Office, 2007.
Caladea
Google. 2013

Consolas:

Consolas
Year 2007. Monospace. Microsoft's replacement for Courier New.
Inconsolata
Year 2006. Monospace. Linux.

Courier New compatible:

Courier New
1970s
Liberation Mono
Linux. 2007
Cousine
Google, 2013
JS in Depth
XAH  BUY NOW

CSS

Basics

Color

Font

Text Decoration

Box Model

Box Decoration

Layout

Layers

Transform/Animation

Line Wrap

Misc