如何让CSS中使用中文字体后仍然在IE9浏览器显示兼容。
2016-08-11 15:18
555 查看
如何让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";}
一、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";}
相关文章推荐
- 如何在Windows中使用不同字体显示中文/日文和英文
- 如何解决Xshell使用时中文字体是躺倒显示的问题
- 在intelliJ idea 4.5.4 中使用Courier New字体能正确显示中文
- QT交叉编译如何显示中文字体
- 如何使用汇编在dos界面上显示字体和颜色--学习心得笔记
- 解决Unity中,使用Ngui 的默认字体Arial,在部分Android设备显示中文不清楚,或者显示不出来问题
- 如何使用css显示所有边框
- 如何使用圆体来美化,支持中文粗体和斜体(Ubuntu)? 使用xp带的字体来进行中文美化
- 如何让 centos6.5 terminal 可以显示中文?系统仍然显示英文
- Wing IDE 4.1使用笔记一修正一下框框字体显示不了中文
- python画图包seaborn和matplotlib中文字体显示(针对windows系统,,使用ipython notebook)
- 关于如何让 JBuilderX 使用中文字体
- CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)
- 如何使用Flex 4新的CSS语法,兼容halo组件
- 我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体
- 教你如何用CSS来控制网页字体的显示样式
- linux如何使用文本浏览器lynx并显示中文
- 在intelliJ idea 中使用Courier New字体,并能正确显示中文
- Response.AddHeader使用实例收集 如何做下载,下载中文显示乱码怎么办 ContentType类型大全
- wcout输出时显示不了中文 || 如何使用wprintf和wcout输出汉字