一、基本语法
font-family
二、演示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 标签选择器 */
h5 {
font-family: "微软雅黑";
}
p {
font-family: "楷体";
}
</style>
</head>
<body>
<h5>小诗</h5>
<p>生命的树上</p>
<p>雕了一枝花</p>
<p>谢落在我的怀里 ，</p>
<p>轻轻的压在心上。</p>
<p>她接触了心中的音乐</p>
<p>化成小诗一朵。</p>
</body>
</html>效果：
三、注意点
- 各种字体之间使用英文逗号隔开
- 一般情况下，在字体上打上引号，单引或者双引都行
- 尽可能使用系统自带字体
- 在实际开发中，使用body { font-family: "字体1",“字体2”}比较多，直接在body中使用
写多个字体并不是说同时显示，而是兼容性更好，第一个字体不行（比如系统没有安装这种字体），就可以用下一个字体，以此类推，按顺序来优先。
字体有哪些？
win系统自带的中文字体有：宋体、黑体、楷体(GB2312)、仿宋(GB2312)，一般电脑都装有office，使得系统有更多的字体。
建议多放些字体，使得代码有更好的兼容性。
1571
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
