CSS 中文字体 Unicode 编码表
在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。
为此,在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。
例如:
font-family: "\5FAE\8F6F\96C5\9ED1",表示设置字体为“微软雅黑”。
常用中文字体 Unicode 编码
字体名称 | 英文名称 | Unicode 编码 |
---|---|---|
宋体 | SimSun | \5B8B\4F53 |
新宋体 | NSimSun | \65B0\5B8B\4F53 |
黑体 | SimHei | \9ED1\4F53 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
隶书 | LiSu | \96B6\4E66 |
幼园 | YouYuan | \5E7C\5706 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
细明体 | MingLiU | \7EC6\660E\4F53 |
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
body,button,input,select,textarea { font:12px/1.5
\5b8b\4f53,arial,sans-serif; }
这句话是定义在html里面body(网页主体)、button(按钮)、input(表单)、select(选单)、textarea(文本框)这些标签的文字样式。 font:12px/1.5 的意思是文字大小为12px,行高为1.5倍 \5b8b\4f53 是宋体的意思,这是unicode的编码方式,如果写成"宋体"或者"simsun"也可以的 后面的arial,sans-serif也是字体的名称,是英文字体,它把三个字体用逗号隔开,意思是如果这个电脑里面没有宋体,就用arial字体显示,如果没有arial字体,就用sans-serif字体显示,后面两个是备用字体。
font-family 定义的最后为什么要加一句sans-serif
sans-serif无衬线字体,是一类字体,它在操作系统或者浏览器里是可以设置的,你可以把它设置成宋体,也可以设置成微软雅黑,而设置的这种字体肯定是当前系统里存在的字体,所以使用这个字体就一定能显示出来,所以加上sans-serif就能保证调用。
Sans-serif简介:Sans-serif是专指西文中没有衬线的字体,与汉字字体中的黑体相对应。该类字体通常是机械的和统一线条的,它们往往拥有相同的曲率,笔直的线条,锐利的转角。