IE9支持CSS中文字体方法

2013-01-10 10:48:15 解决IE9支持CSS中文字体经验篇,如何让CSS中使用中文字体后IE9也兼容特别是line-height行高属性兼容。

如何让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编码转换表//www.html8.com.cn/css/325.shtml
大家可以记住转换表,此表收集了常用的可用中文字体转换查询,平时开发CSS时候只需要对比查找后复制即可使用。

扩展阅读CSS字体样式//www.html8.com.cn/css/871.shtml

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

更新