给span设置微软雅黑字体

2023-03-06 22:02:34 网页中给span设置微软雅黑字体,如何设置中文字体微软雅黑,兼容的微软雅黑中文字体?

微软雅黑是操作系统默认安装有的字体,比如苹果、windows、手机系统、平板等都是系统自带字体。如果网页HTML开发时候使用此字体属于安全字体。

要对span设置此字体,首先要解决,安全字体问题。

为了兼任各大浏览器内核,一般不能使用中文字,需要使用英文或Unicode转码字体。看看如下对应的可使用的字体字符或英文。

微软雅黑 —— 英文:Microsoft YaHei
微软雅黑 —— Unicode:\5FAE\8F6F\96C5\9ED1
微软雅黑 —— Unicode2:微软雅黑

更多常用中文字体转码代码:中文字体转换

常见使用“\5FAE\8F6F\96C5\9ED1”来表达微软雅黑。

css设置字体样式:font-family

设置微软雅黑的CSS代码:font-family:"\5FAE\8F6F\96C5\9ED1";

1、对span标签内设置微软雅黑字体

<span style="font-family:\5FAE\8F6F\96C5\9ED1">我是微软雅黑字体了</span>

 2、外部CSS设置span的字体为微软雅黑字体

css代码

.abc{ font-family:"\5FAE\8F6F\96C5\9ED1";}

html代码

<span class="abc">我的字体样式依然是微软雅黑字体</span>

以上为两种方式设置span字体,常见偶尔使用一次,可以直接第一种标签内设置CSS样式;如果网页多次使用,或常用,或设置后其它页面也会使用,这个使用采用css与html标签分离,将css代码放入CSS文件,html引入css文件来设置对应外部CSS样式。

上一篇:padding的用途
下一篇:css border边框样式
更新