×

谈谈CSS中文字体的写法

作者:Terry2016.05.10来源:Web前端之家浏览:22554评论:1
关键词:Unicode字体

每次下雨,路上就堵成狗,只能说深圳的交通太“好”了,我已无力吐糟,还是谈点正事吧,☺。

今天突然想说说一个简单的问题:CSS中文字体的写法。在我们写CSS中文字体样式的时候,您是如何写的呢,您是直接写中文字体还是转换成Unicode编码,或者其他的方法呢,也许您可能会忽视这个问题。在CSS中设置字体名称,直接写中文是可以的,但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。为此,在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。

例如:font-family: "\5FAE\8F6F\96C5\9ED1",表示设置字体为“微软雅黑”,当然我们也可以这样来表示:font-family: "microsoft yahei"。

zzz.jpg

下面我列举下常用中文字体 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

这些字体基本都是我们电脑系统会自带的,无需安装,你设置后,基本所有电脑都会显示对应的字体【XP系统除外】。至于其他不常用中文字体的转化,猛戳这里:Unicode编码转换

总结

了解完上面的内容,相信您以后在写CSS中文字体时,会注意到这点。俗话说:勿以善小而不为,勿以恶小而为之,问题虽小,但是能体现你的专业。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/fontsUnicode.html

网友评论文明上网理性发言已有1人参与

发表评论:

评论列表