您的位置:首页 > CSS hack > 【 返回上一页

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均是设置黑体只是使用值不同,一般推荐第二和第三种值来设置中文字体。

更多中文字体转换表:http://www.thinkcss.com/jiqiao/325.shtml

相关标签: 字体 line-height
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/jianrong/1084.shtml

日期:2016-10-17 15:05:29 来源:www.thinkcss.com 作者:div css

热门点击