前端项目引入萍方字体

在今天做项目的时候，没有引用过这种字体，百度一下，教程就出来了，这是我看的原文链接  https://blog.csdn.net/weixin_40297452/article/details/97775406 。本来自己不用写的，我想改变自己做了工作以后养成总结的习惯。所以我。。。

1：把萍方字体包放到三方库文件夹下面

 

2：在CSS文件夹下面建一个font.css，并写入

@font-face{
    font-family: 'pingFangSC-Regular';
    src: url("../.font-spider/PingFang Regular.ttf"); //这里是字体文件路径
    font-weight: normal;
    font-style: normal;
}

 

3：在HTML页面引入字体css文件

 

 4：就可以使用字体样式了