Home >Web Front-end >Front-end Q&A >How to set fonts in css
In CSS, you can set fonts through the "font-family" attribute. "font-family" can save multiple font names as a "fallback" system. The usage syntax is such as "font-family" :"Times New Roman",Georgia,Serif;".
The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.
font-family Specifies the font family of the element.
font-family can save multiple font names as a "fallback" system. If the browser doesn't support the first font, it will try the next one. That is, the value of the font-family attribute is a precedence list of font family names or/and class family names to use for an element. The browser will use the first value it recognizes.
There are two types of font family names:
Specified series name: the name of the specific font, such as: "times", "courier", "arial" .
Usual font family names: For example: "serif", "sans-serif", "cursive", "fantasy", "monospace"
Tip: Separate each value with a comma, and always provide a family name as a last resort.
Note: The use of a specific font family (Geneva) depends entirely on whether the font family is available on the user's machine; this attribute does not indicate any font download. Therefore, it is highly recommended to use a common font family name as a fallback.
Set the font for the paragraph - Example:
<html>
<head>
<style type="text/css">
p.serif{font-family:"Times New Roman",Georgia,Serif}
p.sansserif{font-family:Arial,Verdana,Sans-serif}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>
</body>
</html>Running effect:
css video tutorial]
The above is the detailed content of How to set fonts in css. For more information, please follow other related articles on the PHP Chinese website!