在html中加入中文字体,css设置中文字体

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

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

1、不能随意CSS设置自己安装中文字体

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

2、@font-face设置其它中文字体

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

3、常见可设置CSS中文字体

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

p{font-family:"黑体"}

设置p内文字为黑体

p{font-family:"宋体"}

设置P内内容为宋体

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

设置p内字体为微软雅黑

4、设置CSS中文字体为中文需要转码转换

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

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

作者:div css

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值