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

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

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

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

常见字体转换:
黑体:9ED14F53
宋体:5B8B4F53
微软雅黑:5FAE8F6F96C59ED1
仿宋:4EFF5B8B

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

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

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