How to use CSS font-family
The CSS font-family property defines what font an element will use when it contains text:
p {
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}This property can also hold several values separated by commas as a fallback system. If one font is not available or not supported, then the following font specified by the property can be used.
Defining font families
The syntax for CSS font-family is as follows:
font-family: value;
There are two ways to specify a CSS font family: you can either define an exact embedded or downloaded font, or name one of five generic font families:
cursivefantasymonospaceserifsans-serif
When listing multiple CSS font families, you should begin by specifying the font you'd prefer the most and finish by specifying a generic family as a fallback. Then, if no specified fonts are available, the browser will select a similar accessible font from the generic CSS font family.
Note: if the font name contains a space, it has to be surrounded by quotes.