vue项目中该如何引入自定义字体？超简单几步教你实现

在这里斗胆说一句教你实现，其实是我的一种实现方法，觉得十分简单，很好理解，所以在这里分享给大家了。

具体操作

1.在assets中创建一个文件夹，比如叫fonts（或者是其他乱七八糟的名字都随便，都可以）

2.将字体文件引入这个fonts文件夹

 3.在fonts文件夹中创建一个css或者less文件，然后一定一定按下面的方式，字体才能够正确显示:

 这里有一个坑：

注意，在font-family那里，不要按照google fonts里的那种写法，加一个cursive，那样字体将不会正确显示，那种情况下，只有你的系统去安装对应的字体才能够在页面中正确显示出现，注意，这是一个巨坑！！！！！当时找了好久原因

4.在main.js中进行引入

5.然后在需要地方引入这个font-family即可

以上，望对你有用