场景:新安装字体叫做 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.查看效果