Home >Web Front-end >CSS Tutorial >How to use the font-family attribute
How to use the font-family attribute
- 不言Original
- 2019-02-13 17:44:0325507browse
The font-family attribute is used to set the font family of the element. How to use it: first create an HTML sample file; then create the file through the p tag in the body; finally pass the style "font-family: 混体; ” to set the font.
The operating environment of this article: Windows 7 system, CSS3 version, Dell G3 computer.
The font-family attribute in CSS is used to set the font family of the element. If you want to specify the font displayed on the web page, you need to set the font-family attribute. Let’s take a closer look at the font-family attribute. usage.
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. That is, the value of the font-family attribute is a precedence list of font family names and/or family names to use for an element. The browser will use the first value it recognizes.
Let’s look at a specific example
The code is as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.sample1 {font-family:楷体; }
</style>
</head>
<body>
<p class="sample1">文字的字体设置</p>
</body>
</html>The effect is as follows: We can see that the font is in italics
What we need to pay attention to when setting the font is that the font form we want to set must be in the Windows font library, otherwise it will not take effect.
This article ends here. For more exciting content, you can pay attention to other related column tutorials on the php Chinese website! ! !
The above is the detailed content of How to use the font-family attribute. For more information, please follow other related articles on the PHP Chinese website!