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

时间：2021-03-27 22:38:11 阅读：28 评论：0 收藏：0 [点我收藏+]

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

原文：https://www.cnblogs.com/xxiaonian/p/14586461.html

踩

(0)

评论一句话评论（0）

分享档案

更多>