Home Misc Index
  HTML Fonts
 P van Diemen

A font –or typeface– determines how a letter looks like.  For example like A, A, A, A or A.  It is about the appearance of the letter:  serif or sans-serif and similar.

HTML has no fonts of its own — it has to rely on fonts available on the local computer.  Though it is possible to download a font, and an HTML-page may do that through style sheets, it is not straightforward and not commonly done.
Using the fonts on a computer, an HTML-page may define a preferred font to display the text.  However, that font may not be available on the local computer.  Therefore the HTML page –or preferably the related style sheet– can define a list of fonts in decreasing order of preference (see HTML & Style summary).  The browser should try to match the preferred fonts list to the fonts available on the local computer.  To assure a match, the list should include a 'generic' font (serif, sans-serif, cursive, fantasy, monospace).  For example in HTML:
    <font face="times new roman, serif">  (deprecated)
or in a style sheet:
    font-family: 'times new roman', serif;
Note that below the font names are in mixed case, but it is recommended to use lowercase in style sheets.  And font names with spaces or hyphens in it must be quoted (like 'times new roman'). 
Also in this page the preference list is not used (nor is the font size set).

To allow comparison, various popular font families are provided below.  To check readability, the digit 0 is presented next to the upper and lowercase letter O, the digit 1 next to the upper and lowercase letters I and L.  And some Latin 1 characters and the Euro-sign are provided to see if they are rendered (used to be a problem).
Note that correct representation of special symbols (i.e. non-ASCII) depends on their presence in the font selected on the local computer.  See also HTML Characters – Representation of Glyphs.
 
Default (depending on browser settings, usually something like Times Roman)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Serif (generic)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Sans-serif (generic)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Times New Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Century Schoolbook
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Arial Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Futura Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Helvetica
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Lucida Unicode
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Lucida sans Unicode
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Cursive (generic)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Comic Sans MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Fantasy (generic)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Tahoma
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Script
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Symbol
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Palatino
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Impact
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Monospace (generic)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Trebuchet MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Courier (monospace)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
Courier New (monospace)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0oOQ() 1iIlL| € á ç è î ñ ø ü
 


=O=