Scribd
Upload
56 views1 page

Safe Fonts

The document discusses commonly used font combinations for CSS web design. It provides examples of serif, sans-serif, and monospace font families to use together in a fallback system. For each generic font type, it lists popular font names to declare as the primary font, with generic families as backups to ensure compatibility across browsers. This establishes a hierarchy for browsers to apply if the first font is unavailable.

Uploaded by

dse666
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
56 views1 page

Safe Fonts

The document discusses commonly used font combinations for CSS web design. It provides examples of serif, sans-serif, and monospace font families to use together in a fallback system. For each generic font type, it lists popular font names to declare as the primary font, with generic families as backups to ensure compatibility across browsers. This establishes a hierarchy for browsers to apply if the first font is unavailable.

Uploaded by

dse666
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

CSS Web Safe Fonts

http://www.w3schools.com/cssref/css_websafe_fon...

CSS Web Safe Font Combinations


Previous

Next Reference

Commonly Used Font Combinations


The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility
between browsers/operating systems. If the browser does not support the first font, it tries the next font.
Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic
family, if no other fonts are available:

Example
p {
font-family: "Times New Roman", Times, serif
}
Try it yourself

Below are some commonly used font combinations, organized by generic family.

Serif Fonts
font-family

Example text

Georgia, serif

This is a heading
This is a paragraph

"Palatino Linotype", "Book Antiqua", Palatino, serif

This is a heading
This is a paragraph

"Times New Roman", Times, serif

This is a heading
This is a paragraph

Sans-Serif Fonts
font-family

Example text

Arial, Helvetica, sans-serif

This is a heading
This is a paragraph

"Arial Black", Gadget, sans-serif

This is a heading
This is a paragraph

"Comic Sans MS", cursive, sans-serif

This is a heading
This is a paragraph

Impact, Charcoal, sans-serif

This is a heading
This is a paragraph

"Lucida Sans Unicode", "Lucida Grande", sans-serif

This is a heading
This is a paragraph

Tahoma, Geneva, sans-serif

This is a heading
This is a paragraph

"Trebuchet MS", Helvetica, sans-serif

This is a heading
This is a paragraph

Verdana, Geneva, sans-serif

This is a heading
This is a paragraph

Monospace Fonts
font-family

Example text

"Courier New", Courier, monospace

This is a heading
This is a paragraph

"Lucida Console", Monaco, monospace

This is a heading
This is a paragraph

Previous

1 de 1

Next Reference

01/11/14 13:03

You might also like