CSS设置字体为微软雅黑且解决用户设备上没有该字体的问题

最基础的写法就是

font-family:"Microsoft Yahei",微软雅黑;

但如果用户设备上没有微软雅黑这种字体直接裂开
我觉得还是我们该用自己的字体文件来做

在我的资源中
https://download.csdn.net/download/weixin_45966674/75783842
这个是我上传的一个微软雅黑的字体文件依赖包
下载解压出来会变成这样

我们将这两个文件装在一个wryh文件夹下
然后建一个wryh.css和wryh文件夹同级
然后在wryh.css中引入前面两个字体文件声明字体
代码如下

@font-face {font-family: "wryhFont"; /* Project id 2870231 */
font-family: "FontName";
src: url( ./wryh/wryh.eot ); /* IE */
src: local(" real FontName "), url( ./wryh/wryh.ttf ) format("truetype");
}* {font-family:"FontName" !important;
}

然后在页面中引入该css即可

CSS设置字体为微软雅黑且解决用户设备上没有该字体的问题相关推荐

openpyxl怎么修改文字字体为微软雅黑
openpyxl怎么修改文字字体为微软雅黑指定单元格使用Openpyxl修改文字字体为微软雅黑,可以按照以下步骤进行操作: 导入Openpyxl模块和Font模块: from openpyxl i ...
html总微软雅黑怎么设置,css怎么设置字体为微软雅黑
在css中,可以使用font-family属性来指定一个元素的字体,只需要给元素添加"font-family:"微软雅黑";"或"font-famil ...
微软雅黑html中怎么写,css如何设置字体为微软雅黑？
css如何设置字体为微软雅黑?下面本篇文章给大家介绍一下css设置字体为微软雅黑的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css如何设置字体为微软雅黑? 首先在介绍cs ...
微软雅黑html中怎么写,css样式怎么设置字体为微软雅黑？
css样式怎么设置字体为微软雅黑?下面本篇文章就来给大家介绍一下使用CSS设置字体为微软雅黑的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 首先要了解css中是如何控制字体的 ...
android设置字体为微软雅黑,css如何设置字体为微软雅黑
css设置字体为微软雅黑的方法:可以利用font-family属性来设置,如[font-family:"微软雅黑"]或[font-family:"Microsoft Ya ...
[转载]更改XP默认字体为微软雅黑
1.首先先去网上下载一套微软雅黑的字体 2.然后到控制面板中打开字体项目,把两个字体文件拖进去即可完成安装 3.把注册表项:HKEY_LOCAL_MACHINE"SOFTWARE" ...
mac微软雅黑字体_“微软雅黑”有坑，小编向你推荐免费的开源字体
今日,某公司实习生使用"微软雅黑"字体,被方正公司投诉.该公司宣称:公司损失达到2800万. 可能有些人有疑惑,"微软雅黑"不该是免费的么!今天,小编就来科普一 ...
wordpress 替换国外主题字体为微软雅黑
wordpress主题大多使用国外英文字体,不适合中国文字和国情, 所以我替换了国外主题字体为微软雅黑,而且不影响Fontawsome图标. 代码一句,如下: *:not([class*=" ...
linux微软雅黑乱码,CentOS安装微软雅黑，解决drawImage中文乱码相关问题
CentOS安装微软雅黑,解决drawImage中文乱码相关问题使用Graphics的drawString方法向图片上添加汉字时候,Windows是没问题的,在Linux上中文总是乱码,小方块,之前 ...
为什么在css中设置了font-family: 微软雅黑没有用
首先可以用 { font-family: 微软雅黑: } 如果这样不行还可以用: { font-family: "Microsoft YaHei" ! important; } 使 ...

CSS设置字体为微软雅黑且解决用户设备上没有该字体的问题

CSS设置字体为微软雅黑且解决用户设备上没有该字体的问题相关推荐

最新文章

热门文章

CSS设置字体为微软雅黑 且 解决用户设备上没有该字体的问题

CSS设置字体为微软雅黑 且 解决用户设备上没有该字体的问题相关推荐

最新文章

热门文章

CSS设置字体为微软雅黑且解决用户设备上没有该字体的问题

CSS设置字体为微软雅黑且解决用户设备上没有该字体的问题相关推荐