前端项目要用自定义的字体，怎么破

场景：新安装字体叫做 New-Font。并且你有了UI给你发的新字体文件.ttf类型的

 

 

1. 本地电脑（注意，不是浏览器）安装自定义字体New-Font；

    打开电脑，在文件夹最上面的路径框里输入 “控制面板\所有控制面板项\字体”，回车！看到如下图，把新字体文件拷贝到这里（拖进去）

 

 

2. 在前端项目的src/styles/font/拖入新字体文件，如：New-Font.ttf;

3. 在App.css中写样式定义新字体：

@font-face{

    font-family: 'New Font'; //新字体名称

    src: url('./styles/font/New-Font.ttf') format('truetype'), //引入路径

}

4.在App.css中写样式，给label用新字体测试：

label {

    font-family: 'New Font',-apple-system, BlinkMacSystemFont；

}

5.查看效果