时间:2021-07-01 10:21:17 帮助过:121人阅读

font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体系列名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
下面我们来看具体的示例
代码如下:
<!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>效果如下:我们可以看到字体的形式为楷体

在设置字体的时候我们需要注意的是,我们要设置的字体形式必需在Windows字体库中有的,否则不会生效。
本篇文章到这里就全部结束了,更多精彩内容大家可以关注Gxl网的其他相关栏目教程!!!
以上就是font-family属性怎么使用的详细内容,更多请关注Gxl网其它相关文章!