点评:在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名,下面简要的为大家介绍下中文字体在CSS中的写法,有以上问题的朋友可以参考下
今天在折腾wordpress主题的时候,想把侧边栏上的2个标题转换为“方正姚体”,用Firebug调试OK了,保存到css文件里上传后,可是怎么弄也显示不对,网上搜索了一下,才知道原来在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名。
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的,尤其是 {}中,因此通过参照下表将其对应转编,可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的,
5uUHTML5中文学习网 - HTML5先行者学习网比如:微软雅黑,我们在CSS中的设置为
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网font-family:”Microsoft Yahei”;
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网也可以是对应的unicode
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网font-family:”/5FAE/8F6F/96C5/9ED1″;
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网但微软雅黑对应的unicode2即微软正黑体写在样式文档里是没有效果的,因为unicode2是以文本形式输出的,这个可以将对应的unicode2 放到html文档中尝试一下,对应输出微软雅黑四个字
5uUHTML5中文学习网 - HTML5先行者学习网常用字体设置
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网font-family:' SimSun','/5B8B/4F53' /*宋体*/
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网font-family:' Microsoft Yahei','/5FAE/8F6F/96C5/9ED1' /*微软雅黑*/
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网中文名英文名UnicodeUnicode 2
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网Mac OS 5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网华文细黑STHeiti Light [STXihei] /534E/6587/7EC6/9ED1 华文细黑
5uUHTML5中文学习网 - HTML5先行者学习网华文黑体STHeiti /534E/6587/9ED1/4F53 华文黑体
5uUHTML5中文学习网 - HTML5先行者学习网华文楷体STKaiti /534E/6587/6977/4F53 华文楷体
5uUHTML5中文学习网 - HTML5先行者学习网华文宋体STSong /534E/6587/5B8B/4F53 华文宋体
5uUHTML5中文学习网 - HTML5先行者学习网华文仿宋STFangsong /534E/6587/4EFF/5B8B 华文仿宋
5uUHTML5中文学习网 - HTML5先行者学习网丽黑 ProLiHei Pro Medium /4E3D/9ED1 Pro 丽黑 Pro
5uUHTML5中文学习网 - HTML5先行者学习网丽宋 ProLiSong Pro Light/4E3D/5B8B Pro丽宋 Pro
5uUHTML5中文学习网 - HTML5先行者学习网标楷体BiauKai/6807/6977/4F53标楷体
5uUHTML5中文学习网 - HTML5先行者学习网苹果丽中黑Apple LiGothic Medium /82F9/679C/4E3D/4E2D/9ED1 苹果丽中黑
5uUHTML5中文学习网 - HTML5先行者学习网苹果丽细宋Apple LiSung Light /82F9/679C/4E3D/7EC6/5B8B 苹果丽细宋
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网Windows 5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网新细明体PMingLiU/65B0/7EC6/660E/4F53新细明体
5uUHTML5中文学习网 - HTML5先行者学习网细明体MingLiU/7EC6/660E/4F53细明体
5uUHTML5中文学习网 - HTML5先行者学习网标楷体DFKai-SB/6807/6977/4F53标楷体
5uUHTML5中文学习网 - HTML5先行者学习网黑体SimHei/9ED1/4F53黑体
5uUHTML5中文学习网 - HTML5先行者学习网宋体SimSun/5B8B/4F53宋体
5uUHTML5中文学习网 - HTML5先行者学习网新宋体NSimSun/65B0/5B8B/4F53新宋体
5uUHTML5中文学习网 - HTML5先行者学习网仿宋FangSong/4EFF/5B8B仿宋
5uUHTML5中文学习网 - HTML5先行者学习网楷体KaiTi/6977/4F53楷体
5uUHTML5中文学习网 - HTML5先行者学习网仿宋_GB2312FangSong_GB2312/4EFF/5B8B_GB2312仿宋_GB2312
5uUHTML5中文学习网 - HTML5先行者学习网楷体_GB2312KaiTi_GB2312/6977/4F53_GB2312楷体_GB2312
5uUHTML5中文学习网 - HTML5先行者学习网微软正黑体Microsoft JhengHei/5FAE/x8F6F/6B63/9ED1/4F53微软正黑体
5uUHTML5中文学习网 - HTML5先行者学习网微软雅黑Microsoft YaHei/5FAE/8F6F/96C5/9ED1微软雅黑
5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网Office 5uUHTML5中文学习网 - HTML5先行者学习网5uUHTML5中文学习网 - HTML5先行者学习网隶书LiSu/96B6/4E66隶书
5uUHTML5中文学习网 - HTML5先行者学习网幼圆YouYuan/5E7C/5706幼圆
5uUHTML5中文学习网 - HTML5先行者学习网华文细黑STXihei/534E/6587/7EC6/9ED1华文细黑
5uUHTML5中文学习网 - HTML5先行者学习网华文楷体STKaiti/534E/6587/6977/4F53华文楷体
5uUHTML5中文学习网 - HTML5先行者学习网华文宋体STSong/534E/6587/5B8B/4F53华文宋体
5uUHTML5中文学习网 - HTML5先行者学习网华文中宋STZhongsong/534E/6587/4E2D/5B8B华文中宋
5uUHTML5中文学习网 - HTML5先行者学习网华文仿宋STFangsong/534E/6587/4EFF/5B8B华文仿宋
5uUHTML5中文学习网 - HTML5先行者学习网方正舒体FZShuTi/65B9/6B63/8212/4F53方正舒体
5uUHTML5中文学习网 - HTML5先行者学习网方正姚体FZYaoti/65B9/6B63/59DA/4F53方正姚体
5uUHTML5中文学习网 - HTML5先行者学习网华文彩云STCaiyun/534E/6587/5F69/4E91华文彩云
5uUHTML5中文学习网 - HTML5先行者学习网华文琥珀STHupo/534E/6587/7425/73C0华文琥珀
5uUHTML5中文学习网 - HTML5先行者学习网华文隶书STLiti/534E/6587/96B6/4E66华文隶书
5uUHTML5中文学习网 - HTML5先行者学习网华文行楷STXingkai/534E/6587/884C/6977华文行楷
5uUHTML5中文学习网 - HTML5先行者学习网华文新魏STXinwei/534E/6587/65B0/9B4F华文新魏