随身笔记
随身笔记

ie9字体不能垂直居中 ie9 line-height失效兼容问题解决篇

ie9 line-height失效原因是CSS中使用了中文字体,而中文字体使用汉字。如:
[code]font-family:”微软雅黑”[/code]
使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。
在网页DIV+CSS布局中不可避免使用中文字体如:黑体、宋体、微软雅黑等中文字体,如何正确使用这些中文字体样式呢?接下来我们来了解如何解决使用这些中文字体,又兼容IE9,支持IE9使用汉字字体。
解决ie9字体不垂直居中方法:
将中文字体汉字转换为Unicode编码,
“黑体”对应Unicode编码为“\9ED1\4F53”
“宋体”对应Unicode编码为“\5B8B\4F53”
“仿宋”对应Unicode编码为“\4EFF\5B8B”
“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”
将汉字转换为Unicode编码的字符,即成功设置相应字体,又兼容IE9浏览器支持垂直居中line-height样式。
[code].div{ font-family:”微软雅黑”}[/code]
转化为
[code].div{ font-family:”\5FAE\8F6F\96C5\9ED1″} [/code]
汉字字体中文字转换为Unicode编码后字体效果相同,不受影响,兼容各大浏览器。

没有标签
首页      前端资源      css基础教程      ie9字体不能垂直居中 ie9 line-height失效兼容问题解决篇

随身笔记

ie9字体不能垂直居中 ie9 line-height失效兼容问题解决篇
ie9 line-height失效原因是CSS中使用了中文字体,而中文字体使用汉字。如: [code]font-family:"微软雅黑"[/code] 使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文…
扫描二维码继续阅读
2013-07-17