为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
换个好看的字体 - 使用font-family设置字体系列 ,初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

换个好看的字体 - 使用font-family设置字体系列

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。

body{font-family:"宋体";}

这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)
现在一般网页喜欢设置“微软雅黑”,如下代码:

body{font-family:"Microsoft Yahei";}

body{font-family:"微软雅黑";}

注意:第一种方法比第二种方法兼容性更好一些。

因为这种字体即美观又可以在客户端安全的显示出来(用户本地一般都是默认安装的)。

 

任务

我也来试试:

在右边编辑器的第8行为右侧的段落文字(p元素)设置字体为“宋体”

?不会了怎么办
p{font-family:"宋体";}
||

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消