Css font setting method: [font-family] specifies the font family of the element. [font-family] can save multiple font names as a [fallback] system. If the browser does not support the third a font, the next one will be tried.
The operating environment of this tutorial: windows7 system, css3 version, DELL G3 computer.
How to set css font:
font-familySpecifies the font family of the element. font-family Multiple font names can be saved as a "fallback" system. If the browser doesn't support the first font, it will try the next one.
Example:
Set the font of the text:
<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>Rendering:
In CSS, there are two Names of different types of font families:
Universal font family - a combination of font systems with a similar appearance (such as "Serif" or "Monospace")
Specific font family - a specific font family ( Such as "Times" or "Courier")
In addition to various specific font families, CSS defines 5 general font families:
Serif font
Sans-serif font
Monospace font
Cursive font
Fantasy font
Recommended related tutorials: CSS video tutorial
The above is the detailed content of How to set css font. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
