怎么使用font-family属性-创新互联

本篇文章为大家展示了怎么使用font-family属性,代码简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联2013年至今,先为昆山等服务建站,昆山等地企业,进行企业商务咨询服务。为昆山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

CSS中的font-family属性是用来设置元素的字体系列,如果要指定网页显示的字体,就需要设置font-family属性,下面我们就来具体看一下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>

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

怎么使用font-family属性

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

上述内容就是怎么使用font-family属性,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联网站制作公司行业资讯频道。

当前题目:怎么使用font-family属性-创新互联
文章位置:https://www.cdcxhl.com/article4/hggie.html

成都网站建设公司_创新互联,为您提供用户体验关键词优化定制网站企业网站制作服务器托管做网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设