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即可