css 字体
在网站中,都不可避免的要用到一些中文字体,比如微软雅黑,黑体等,在css中写入中文的方法一般是:font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei";在Firefox 的某些版本和 Opera 不支持 SimHei的写法,采用font-family:\5FAE\8F6F\96C5\9ED1;写法
这些unicode太难记,下面的表示一些常用的字体
华文细黑 |
STHeiti Light [STXihei] |
\534E\6587\7EC6\9ED1 |
华文黑体 |
STHeiti |
\534E\6587\9ED1\4F53 |
华文楷体 |
STKaiti |
\534E\6587\6977\4F53 |
华文宋体 |
STSong |
\534E\6587\5B8B\4F53 |
华文仿宋 |
STFangsong |
\534E\6587\4EFF\5B8B |
丽黑 Pro |
LiHei Pro Medium |
\4E3D\9ED1 Pro |
丽宋 Pro |
LiSong Pro Light |
\4E3D\5B8B Pro |
标楷体 |
BiauKai |
\6807\6977\4F53 |
苹果丽中黑 |
Apple LiGothic Medium |
\82F9\679C\4E3D\4E2D\9ED1 |
苹果丽细宋 |
Apple LiSung Light |
\82F9\679C\4E3D\7EC6\5B8B |
Windows |
||
新细明体 |
PMingLiU |
\65B0\7EC6\660E\4F53 |
细明体 |
MingLiU |
\7EC6\660E\4F53 |
标楷体 |
DFKai-SB |
\6807\6977\4F53 |
黑体 |
SimHei |
\9ED1\4F53 |
宋体 |
SimSun |
\5B8B\4F53 |
新宋体 |
NSimSun |
\65B0\5B8B\4F53 |
仿宋 |
FangSong |
\4EFF\5B8B |
楷体 |
KaiTi |
\6977\4F53 |
仿宋_GB2312 |
FangSong_GB2312 |
\4EFF\5B8B_GB2312 |
楷体_GB2312 |
KaiTi_GB2312 |
\6977\4F53_GB2312 |
微软正黑体 |
Microsoft JhengHei |
\5FAE\x8F6F\6B63\9ED1\4F53 |
微软雅黑 |
Microsoft YaHei |
\5FAE\8F6F\96C5\9ED1 |
Office |
||
隶书 |
LiSu |
\96B6\4E66 |
幼圆 |
YouYuan |
\5E7C\5706 |
华文细黑 |
STXihei |
\534E\6587\7EC6\9ED1 |
华文楷体 |
STKaiti |
\534E\6587\6977\4F53 |
华文宋体 |
STSong |
\534E\6587\5B8B\4F53 |
华文中宋 |
STZhongsong |
\534E\6587\4E2D\5B8B |
华文仿宋 |
STFangsong |
\534E\6587\4EFF\5B8B |
方正舒体 |
FZShuTi |
\65B9\6B63\8212\4F53 |
方正姚体 |
FZYaoti |
\65B9\6B63\59DA\4F53 |
华文彩云 |
STCaiyun |
\534E\6587\5F69\4E91 |
华文琥珀 |
STHupo |
\534E\6587\7425\73C0 |
华文隶书 |
STLiti |
\534E\6587\96B6\4E66 |
华文行楷 |
STXingkai |
\534E\6587\884C\6977 |
华文新魏 |
STXinwei |
\534E\6587\65B0\9B4F |
有一种快速获得字体Unicode编码的方法
,
使用火狐的 Firebug 插件,直接在控制台中输入 escape(‘黑体’),就可以得到黑体的 Unicode 编码,
得到“%u9ED1%u4F53″,将其改写为 “\9ED1\4F53″ 即可写入 CSS 文件。