前端項目引入萍方字體

在今天做項目的時候，沒有引用過這種字體，百度一下，教程就出來了，這是我看的原文鏈接  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：就可以使用字體樣式了