• 技术文章 > web前端 > css教程

    font-family属性怎么使用

    不言 不言 2019-02-13 17:44:03 原创 183
    CSS中的font-family属性是用来设置元素的字体系列,如果要指定网页显示的字体,就需要设置font-family属性,下面我们就来具体看一下font-family属性的用法。

    CSS

    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>

    效果如下:我们可以看到字体的形式为楷体

    微信截图_20190213171236.png

    在设置字体的时候我们需要注意的是,我们要设置的字体形式必需在Windows字体库中有的,否则不会生效。

    本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

    以上就是font-family属性怎么使用的详细内容,更多请关注php中文网其它相关文章!

    第六期线上培训班
    专题推荐: font-family
    上一篇:CSS的+(加号)选择器怎么用 下一篇:border-radius属性怎么使用

    相关文章推荐

    • css【font-family中文字体样式】_html/css_WEB-ITnose • 请问各位大神,我在页面上面加上 font-family: "微软雅黑"; 样式之后 我的排版就变了, 我不想用英文的那个‘微软雅黑’ 换了编码方式,_html/css_WEB-ITnose • css中font-family的中文字体_html/css_WEB-ITnose • css中设置font-family的实例介绍

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网