首页 > 代码库 > 解决IE9支持CSS中文字体经验篇

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

解决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";}(音乐放松椅)