font-family属性的使用方法_F11 - 专业站长和开发者的学习网站

本篇文章介绍font-family属性的使用方法。

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字体库中有的，否则不会生效。