All about Fonts on websites

By August 29, 2008Web Design

Several clients have asked our guidance about the best type and size of font for their site. The answer is, there is no best type and size. Types are limited to certain fonts that are supported by the operating system (Mac, Windows or Linux). As for font sizes, the standard for web browsers would be 11px or 12px but that is just for web browsers. Nowadays, we have to cater to the iphone, pda, and other mobile devices.

Survey of supported font types

. Info sourced by Codestyle.

Font name

Microsoft Sans Serif99.40%
Arial Black96.85%
Franklin Gothic Medium96.79%
Palatino Linotype96.33%
Verdana95.97%
Comic Sans MS95.44%
Arial95.40%
Lucida Console95.29%
Courier New95.14%
Impact95.02%
Tahoma94.95%
Sylfaen94.19%
Trebuchet MS93.66%
Lucida Sans Unicode91.57%
Georgia89.18%
Arial Narrow86.02%
Century Gothic83.63%
Bookman Old Style83.06%
Times New Roman82.80%
Vrinda82.57%
Kartika82.36%
Book Antiqua82.07%
Monotype Corsiva81.14%
Garamond76.72%
Lucida Sans75.65%
Haettenschweiler70.15%
MS Reference Sans Serif67.74%
Bradley Hand ITC59.12%
Papyrus58.92%
French Script MT58.32%
Tempus Sans ITC58.12%
Edwardian Script ITC57.11%
Franklin Gothic Book57.11%
Franklin Gothic Medium Cond56.91%
Perpetua56.91%
Copperplate Gothic Light56.71%
Lucida Bright56.71
Curlz MT56.51%
Engravers MT56.31%
Franklin Gothic Demi56.31%

As you can see, only a few have 90% or more supporters. The recommended is to use the fonts with 90% or more installations. Other fonts maybe used using an image or a flash container.


Leave a Reply