当前位置 博文首页 > Liyunhao_haoge的博客：CSS字体样式属性-【font-size】和[font-f
CSS字体样式属性-【font-size】和[font-family]
font-size字号大小
font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。单位有以下：
【相对长度单位】
em:相对于当前对象内文本的字体尺寸
px:像素，最常用，推荐使用
【绝对长度单位】
in:英寸
cm:厘米
mm:毫米
pt:点
font-family:字体
font-family:属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等
常用技巧：
1、现在网页中普遍使用14px+。
2、尽量使用偶数的数字字号。IE6及以下的浏览器支持奇数会有BUG
3、各种字体之间必须使用英文状态下的逗号隔开
4、中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体必须位于中文字体之前。
5、如果字体名包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如"font-family:"Times New Roman";
6、尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。
unicode设置字体，有些老版本不支持中文，但支持unicode编码的，不需要记住
宋体：\5B8B\4F53
新宋体：\65B0\5B8B\4F53
黑体：\9ED1\4F53
微软雅黑：\5FAE\8F6F\96C5\9ED1
楷体_GB2312：\6977\4F53_GB2312
隶书：?? ?\96B6\4E66
幼圆：\5E7C\5706
华文细黑：\534E\6587\7EC6\9ED1
细明体：?? ?\7EC6\660E\4F53
新细明体：\65B0\7EC6\660E\4F53
去们以后尽量只写unicode，只写两个，宋体和微软雅黑，即\5B8B\4F53和\5FAE\8F6F\96C5\9ED1
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
p {
font-size: 30px;
color: red;
font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
}
</style>
</head>
<body>
正常的对比字体
<p>经过样式修改的大字体</p>
</body>
</html>效果如下：
