服务时间:8:30-18:00

首页 >web前端网

css中font-family是什么

发布时间:2022-11-26 12:51 字数:505字 阅读:117

css中font-family是什么?文本的字体——font-family,举个例子,将标题和段落的字体都改为华文楷体,代码如下。

h1{
   font-family:" 华文楷体 ";
   color:#409EFF;
   text-align:center;
}
p{
   font-family:" 华文楷体 ";
}

运行结果如图1所示。

字体改为华文楷体

图1 字体改为华文楷体

如果字体未出现变化,请检查计算机字体库中是否有字体“华文楷体”。

文本的字体是可继承的属性,给body设置font-family属性,则整个页面都会继承这个属性,代码如下。

body{
   font-family:" 思源黑体CN Regular";
}
h1{
   color:#409EFF;
   text-align:center;
}

运行结果如图2所示。

给body设置font-family属性

图2 给body设置font-family属性

如果用户的计算机上没有安装“思源黑体CN Regular”字体,就只能使用默认字体显示文本元素。

后面将讲解CSS3中的@font-face属性,通过这种属性,可将字体文件存放在web服务器上,并在需要时自动下载到用户的计算机上,使网页设计不再受字体的限制。