谈谈CSS中文字体的写法 - Web前端

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

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

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

下面我列举下常用中文字体 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中文字体时，会注意到这点。俗话说：勿以善小而不为，勿以恶小而为之，问题虽小，但是能体现你的专业。

.manual_table{font-family:Consolas,'Lucida console',Monaco,Courier,'CourIEr New','\5fae\8f6f\96c5\9ed1';font-size:13px;}.manual_table + .manual_TABle{margin-top:10px;}.manual_table caption{color:#555;font-size:13px;font-weight:bold;line-height:30px;text-indent:2px;}.manual_table th,.manual_table td{border:1px solid #ddd;padding:3px 5px;vertical-align:top;}.manual_table th{background:#eee;color:#555;}.manual_table thead th{text-align:center;}.manual_table .unknown{color:#ccc;}