| HTML Fonts |
|
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). So this page will use what is defined in the browser as default.
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=