css fonts
index
bluebird
With CSS you can use any font on a web page, however the font you choose will not be available to everyone. Font families attempt to organize fonts into groups with similar characteristics.
Each Font Family has a default Font on your machine. These are your defaults:

Serif

Serif Fonts
Win
Classic
Mac
Mac
OS
Unix
Times New Roman
Yes
Maybe
Yes
Maybe
Times  
Yes
Yes
Yes
Georgia
Yes
Maybe
Yes
Maybe
serif examples
Advantages:
Disadvantage:
Standard Default in Most Browsers
Best readability for Printed Material
Classic Look
You can distinguish between a 1 l and I
Harder to read than Sans Serif.
Harder to read with a background.
 
 
Recommendation:
Use for material that will be printed. Georgia is the best choice for readability.
Font-family: Georgia, "Times New Roman", Times, Serif;

Sans Serif

Sans-Serif Fonts
Win
Classic
Mac
Mac
OS
Unix
Arial
Yes
Maybe
Yes
Maybe
Helvetica  
Yes
Yes
Yes
Verdana, Arial Black, Impact
Yes
Maybe
Yes
Maybe
sans-serif examples
Advantages:
Disadvantage:
Easiest to read on the web.
Readable in small font sizes
Modern Look
You can't distinguish between
1 l and I
 
Recommendation:
Veranda is the easiest font to read online.
Font-family: Verdana, Arial, Helvetica, Sans-Serif;
Font-family: "Trebuchet MS" Arial, Helvetica, Sans-Serif;
Font-Family: Impact, "Arial Black" Arial, Helvetica, Sans-Serif;

Cursive

Cursive
Win
Classic Mac
Mac
OS
Unix
Comic Sans MS
Yes
Maybe
Yes
Maybe
Brush Script MT
32%
 
Yes
 
Cursive Fonts
Advantages Disadvantages
Comic Sans MS is installed on 91% of computers.
Effective for Headings with an informal feel.
Not recommended for text
Other than Comic Sans MS
Cursive fonts are uncommon
Recommendation:
Back up with Sans-Serif font family rather than a generic cursive font.
Font-family: "Comic Sans MS", "Trebuchet MS" Arial, Helvetica, Sans-Serif;

Monospace

Monospace
Win
Classic Mac
Mac OS
Unix
Courier New
Yes
Yes
Maybe
Maybe
Courier    
Maybe
Maybe
Monospace
Advantages Disadvantages
Typically used to show code samples.
Works well for headings
All letters take up the same space.
Takes up more space
than proportional type.
 
Recommendation:
Font-family: "Courier New", Courier, Monospace;

Fantasy

Fantasy
Win
Classic Mac
Mac OS
Unix
Impact
Yes
Yes
Maybe
Maybe
space
fantasy Fonts
Recommendation:
Use Impact in the sans-serif font family if at all.
List several special fonts first, then back up with another font family.
Points to Note:
Some fonts do not have all glyphs, for example in the Stripes & Stars Font,
        Notice there is no "&" even though it is used in the name!
There may be many names for similar fonts, For example "Trek Classic Credits"
       Most computer users of a certain age will have some version of this font,
       However the exact spelling must be used, so they are not interchangeable.
 
Learn More
HTML Source
Browser News