返回列表

CSS中文字体编码-Unicode

默认分类 2011-01-27 20:24:00

转自http://www.mangguo.org/css-chinese-font-unicode-encode-solution/
Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的,尤其是{}中,因此通过参照下表将其对应转编,可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的,
比如:微软雅黑,我们在CSS中的设置为
font-family:"Microsoft Yahei";
也可以是对应的unicode
font-family:"\5FAE\8F6F\96C5\9ED1";
但微软雅黑对应的unicode2即微软正黑体写在样式文档里是没有效果的,因为unicode2是以文本形式输出的,这个可以将对应的unicode2放到html文档中尝试一下,对应输出微软雅黑四个字
中文名英文名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\8F6F\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华文新魏
有时候找起来还真是麻烦,索性将找到的整理了一下在这儿种下,暂放这么多。 芒果blogCSS 中文字体 Unicode 编码方案

===================================================
转自http://www.mangguo.org/css-chinese-font-unicode-encode-solution/
CSS 中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:’宋体’;但因此产生的一个问题是,如果CSS编码有误,会导致页面加载后 CSS 中的中文字体乱码,请看下图所示:
通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的问题。比如字符“宋体”经过 Unicode 编码后为 “\5b8b\4f53″。以淘宝为例:font:12px/1.5 tahoma,arial,\5b8b\4f53; 预选的中文字体是编码后的宋体。
有一种快速获得字体 Unicode 编码的方法,如果你使用火狐的 Firebug 插件,直接在控制台中输入 escape(‘黑体’),就可以得到黑体的 Unicode 编码,但需要经过处理才可以使用到 CSS 文件中来,请看下图所示:
于此获得到了 “%u9ED1%u4F53″,将其改写为 “\9ED1\4F53″ 即可写入 CSS 文件。
这样或许还是有些小麻烦,那也没关系,芒果这里有一份比较完整的表格,自己查吧。
中文名Unicode
新细明体\65B0\7EC6\660E\4F53
细明体\7EC6\660E\4F53
标楷体\6807\6977\4F53
黑体\9ED1\4F53
宋体\5B8B\4F53
新宋体\65B0\5B8B\4F53
仿宋\4EFF\5B8B
楷体\6977\4F53
仿宋_GB2312\4EFF\5B8B_GB2312
楷体_GB2312\6977\4F53_GB2312
微软正黑体\5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑\5FAE\8F6F\96C5\9ED1
版权所有,转载请注明出处。