在html中加入中文字体,中文字体在CSS中的写法整理

中文字体在CSS中的写法整理

发布时间：2013-10-30 17:33:18   作者：佚名   我要评论

在CSS中不能出现中文字体，解决办法就是把这些中文字体名字转换成英文名，下面简要的为大家介绍下中文字体在CSS中的写法，有以上问题的朋友可以参考下

今天在折腾wordpress主题的时候，想把侧边栏上的2个标题转换为“方正姚体”，用Firebug调试OK了，保存到css文件里上传后，可是怎么弄也显示不对，网上搜索了一下，才知道原来在CSS中不能出现中文字体，解决办法就是把这些中文字体名字转换成英文名。

Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的，尤其是 {}中，因此通过参照下表将其对应转编，可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的，

比如：微软雅黑，我们在CSS中的设置为

font-family:”Microsoft Yahei”;

也可以是对应的unicode

font-family:”\5FAE\8F6F\96C5\9ED1″;

但微软雅黑对应的unicode2即微软正黑体写在样式文档里是没有效果的，因为unicode2是以文本形式输出的，这个可以将对应的unicode2 放到html文档中尝试一下，对应输出微软雅黑四个字

常用字体设置

font-family:' SimSun','\5B8B\4F53' /*宋体*/

font-family:' Microsoft Yahei','\5FAE\8F6F\96C5\9ED1' /*微软雅黑*/

中文名英文名UnicodeUnicode 2

Mac OS

华文细黑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 华文仿宋

丽黑 ProLiHei Pro Medium \4E3D\9ED1 Pro 丽黑 Pro

丽宋 ProLiSong Pro Light\4E3D\5B8B Pro丽宋 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楷体

仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312仿宋_GB2312

楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312楷体_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华文新魏

相关文章

在CSS文件中，我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英2012-12-11

css中文字体font-family列表主要是系统自带的一些、装Office会生出来的一些、Windows的一些，感兴趣的朋友可以了解下2013-10-10

这篇文章主要介绍了使用CSS font-family为英文和中文字体分别设置不同的字体，需要的朋友可以参考下2014-05-07

在css文件中使用中文字体时在IE6下可能会导致部分样式无法识别，最好的方法就是不要出现中文，包括注释，下面与大家分享下中文字体对应的英文写法2014-06-26

这篇文章主要介绍了css中 中文字体以及相关知识汇总的相关资料,需要的朋友可以参考下2014-10-31

最新评论