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

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

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

相关标签: 字体 兼容 中文字体 ie9
如需转载,请注明文章出处和来源网址:www.thinkcss.com/jianrong/344.shtml

日期:2013-01-10 10:44:14 来源:www.thinkcss.com 作者:ThinkCSS

热门点击