导航栏： 首页 评论列表

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楷体
仿宋GB2312FangSongGB2312\4EFF\5B8BGB2312仿宋GB2312
楷体GB2312KaiTiGB2312\6977\4F53GB2312楷体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华文新魏
有时候找起来还真是麻烦，索性将找到的整理了一下在这儿种下，暂放这么多。 芒果blog：CSS 中文字体 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\5B8BGB2312
楷体GB2312\6977\4F53GB2312
微软正黑体\5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑\5FAE\8F6F\96C5\9ED1
版权所有，转载请注明出处。


>> 留言评论