欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS hack >

解决IE9支持CSS中文字体经验篇

如何让CSS中使用中文字体后仍然在IE9浏览器显示兼容。

一、CSS中文字体IE9兼容出现问题
CSS中使用中文字体后Line-height样式在IE9浏览器垂直上下居中样式失效。

二、解决IE9兼容中文字体
将CSS中使用中文字体的中文字转化为Unicode编码然后替代。最终设置字体效果将不受转换编码而影响同时也兼容了Line-height垂直居中样式,同时IE9即可兼容CSS中使用常用中文字体。

常见字体转换:
黑体:\9ED1\4F53
宋体:\5B8B\4F53
微软雅黑:\5FAE\8F6F\96C5\9ED1
仿宋:\4EFF\5B8B

更详细 Unicode编码转换表http://www.divcss5.com/jiqiao/j325.shtml
大家可以记住转换表,此表收集了常用的可用中文字体转换查询,平时开发CSS时候只需要对比查找后复制即可使用。

扩展阅读CSS字体样式http://www.divcss5.com/rumen/r295.shtml

实例:
.divcss5{font-family:"黑体";}
可以将“黑体”转换为“\9ED1\4F53” 得到:
.divcss5{font-family:"\9ED1\4F53";}

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-hack/c344.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-01-10 10:44 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。