css如何正确设置兼容浏览器的中文字体line-height失效

2016-10-17 15:08:44 css如何正确设置兼容浏览器的中文字体导致line-height行高失效原因。

高版本IE浏览器(比如IE9)和有的操作系统对CSS设置字体为直接使用中文字兼容不好,比如直接css设置字体为中文字“宋体”、“黑体”、“微软雅黑”等这类中文字,line-height兼容不好会失效。

css 行高失效
css line-height行高失效

解决font-family设置中文字体,而不用中文字方法,将中文字转换Unicode编码或中文对应英文。

以下是常见css设置中文字字体对应:
字体—— 英文 —— Unicode
黑体—— SimHei —— \9ED1\4F53
宋体—— SimSun —— \5B8B\4F53
微软雅黑——Microsoft YaHei —— \5FAE\8F6F\96C5\9ED1
楷体——KaiTi —— \6977\4F53
新宋体—— NSimSun —— \65B0\5B8B\4F53

小示例CSS代码:

  1. 1、div{font-family:"黑体"} 
  1. 2、div{font-family:"SimHei"} 
  1. 3、div{font-family:"\9ED1\4F53"} 

以上使用font-family设置字体为黑体,1、2、3均是设置黑体只是使用值不同,一般推荐第二和第三种值来设置中文字体。

更多中文字体转换表://www.html8.com.cn/css/325.shtml

更新