CSS如何设置字体样式
更新:HHH   时间:2023-1-7


这篇文章主要介绍“CSS如何设置字体样式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS如何设置字体样式”文章能帮助大家解决问题。

一、font标签设置字体 

<font face="微软雅黑">我被设置为微软雅黑</font>



font标签设置face字体属性其值即可设置不同字体

二、css设置字体样式  

css字体样式单词为font-family

  1. .天达云{font-family:"微软雅黑"} 


<div class="天达云">为被天达云样式选择器设置了字体为微软雅黑</div>


三、常用中文字体   

常用的中文字体:
1、黑体
2、宋体
3、微软雅黑

请勿乱添加自己电脑安装字体,不然会造成因为客户电脑没有安装你设置字体,造成设置字体样式失效。

四、中文字体的中文字需要转unicode编码  

为了避免IE9等浏览器对直接设置中文字体汉字兼容问题,ie9中文汉字字体造成line-height失效,建议将设置字体的中文汉字转为unicde,转码后设置字体效果相同不受影响,会兼容有些浏览器不支持中文汉字的问题。

黑体 转unicode为 \9ED1\4F53
宋体 转unicode为 \5B8B\4F53
微软雅黑 转unicode为 \5FAE\8F6F\96C5\9ED

关于“CSS如何设置字体样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注天达云行业资讯频道,小编每天都会为大家更新不同的知识点。

返回web开发教程...