IE9中line-height不能垂直居中问题并mac细黑字体被宋体替换问题的解决_网站前端开发_前端开发者

网站前端开发_前端开发者web前端

https://www.rokub.com

在IE9会遇见写的DIVCSS网页,文字有时不能垂直居中,究竟IE9 line-height设置文字不能垂直居中原因是什么?
IE9不支持line-height原因:中文ie9不支持英文字体,相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中,这是与你设置字体有关,通常大家习惯设置font-family:Arial, Helvetica, sans-serif;

ie9中line-height失效解决方法:
只需设置好字体,添加个宋体即可解决 如css代码font-family:Arial, “宋体”,Helvetica, sans-serif;
设置字体时候注意,还需设置大家都默认系统自带字体,如黑体,宋体。
在中文IE9中不认英文字体,所以IE9找不到设置中文字体,所以对导致字体上下垂直失效。
试了一下改成:font:12px/1.5 arial,“Sim sun”,helvetica,sans-serif;也可以OK
补充:按着font:12px/1.5 arial,“Sim sun”,helvetica,sans-serif;这个写法,有同学反馈mac下网页的字体由原来默认的细黑体和黑体,被宋体替换,这样浏览的效果很不爽。
解决文字:把”Sim sun” 改成 unicode格式即:\5b8b\4f53。
最后:font:12px/1.5 arial,\5b8b\4f53,helvetica,sans-serif;

整理几个常用字体的unicode表示

新细明体 \65b0\7ec6\660e\4f53
细明体 \7ec6\660e\4f53
标楷体 \6807\6977\4f53
黑体 \9ed1\4f53
宋体 \5b8b\4f53
新宋体 \65b0\5b8b\4f53
仿宋 \4eff\5b8b
楷体 \6977\4f53
仿宋_gb2312 \4eff\5b8b_gb2312

仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312
楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312
微软正黑体Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1

如果在你“DIV+css”的过程中,还需要用到一些表中没有的字体的话,可以借助Firefox的插件Firebug来查询所需中文字体对应的 Unicode编码,方法很简单,就是打开Firefox,然后打开Firebug,在“控制台”里底部“>>>”的后面像这样输入 “escape(‘黑体’)”,然后会显示一个错误信息,*** is not defined 前面的部分就是中文字体“黑体”对应的Unicode编码“\9ED1\4F53”,注意命令符里的符号都是英文符号,否则可能会出错。

 

网站前端开发_前端开发者web前端

https://www.rokub.com

» 本文来自:前端开发者 » 《IE9中line-height不能垂直居中问题并mac细黑字体被宋体替换问题的解决_网站前端开发_前端开发者》
» 本文链接地址:https://www.rokub.com/10364.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!