CSS font-family
This CSS property is used to provide a comma-separated list of font families.
This property can contain multiple font names as a fallback system, if one font is unsupported in the browser, others can be used.
There are two types of font-family names in CSS:
- font family name: Arial, New Times Roman etc. Each font family name must belongs to one of the following generic families.
- generic family name:
- serif
- sans-serif
- cursive
- monospace
- fantasy
Multiple font names are provided as a fallback system if one is unsupported, then the next can be used.
The generic family name of the font must be placed last in the list of font family names.
Example
#p1 {
font-family: "Times New Roman", Times, serif;
color: Red;
}
#p2 {
font-family: Arial, Helvetica, sans-serif;
color: blue;
}
Click on the "Try it Now" button to see how it works.