css设置中文字体

2016-12-19 15:06:31 div css布局中css中文字体设置_如何使用css设置中文字体并让中文字体兼容。

div css布局中css中文字体设置_css设置中文字体与兼容

HTML网页布局中,会用到中文字,而中文字有很多中文字体,有的开发者在自己电脑中下载并安装很多漂亮字体。而这些中文字体CSS设置建议?

1、不能随意CSS设置自己安装中文字体
如果在HTML网页开发布局中设置自己安装的字体,而一般浏览者电脑没有安装这类中文字体就会出现,你电脑浏览时中文字体会显示你本地安装的字体,而浏览者没有安装你设置CSS中文字体就会出现中文字体会显示默认“宋体”、“黑体”等(浏览器默认显示中文字体)。

2、@font-face设置其它中文字体
如果你想设置你安装的中文字体,那么就需要在你网站中放有此中文字体并使用@font-face引入,但有点这种字体常见是eot扩展名的字体,非你安装的字体,所以你要设置你安装在你电脑中文字体就需要去下载对应eot文件库,并font-face样式引入,缺点,这类字体库文件比较大,浏览者带宽不好下载就会慢影响网页打开字体显示效果。

3、常见可设置CSS中文字体
黑体、宋体微软雅黑 者三者是常见中文字体。一般PC和手机均有此字体(设置文字字体样式属性单词:font-family)。

p{font-family:"黑体"}

设置p内文字为黑体

p{font-family:"宋体"}

设置P内内容为宋体

p{font-family:"微软雅黑"}

设置p内字体为微软雅黑

4、设置CSS中文字体为中文需要转码转换
第三点设置常见几种中文字体,但直接使用中文字有的浏览器不兼容,会导致line-height失效,解决方法就是将CSS设置中文字体的中文字转换过。

要么使用英文、要么使用Unicode编码。

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

更新