Home > Article > Web Front-end > How to set fontfamily in css
How to set fontfamily in css
- 藏色散人Original
- 2021-04-25 09:15:533792browse
How to set fontfamily in css: first create an HTML sample file; then define some text through the p tag in the body; finally pass "p.serif{font-family:"Times New Roman",Georgia,Serif }" Just set the font.
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 a specific font, such as: "times", "courier", "arial". Typical 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.
Code 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> Effect:
css video tutorial】
The above is the detailed content of How to set fontfamily in css. For more information, please follow other related articles on the PHP Chinese website!