vue中引用本地文件

vue

把自己下载好的字体通过
https://blog.csdn.net/huskle/article/details/81222685

转换成可以用的文件格式，接下来就四步：

第一步：把解析好的文件全部引到项目中，不管在src下建个common的目录放进去还是直接放到assets下都可以，只要后面的引入路径正确就行；

第二步：

打开css文件，font-family跟的就是后面使用的文字名称，可以自己命名；

src就是当前css文件和字体文件的路径，引入。

第三步：在main.js中引用css文件，可以在全局的main.js中引用，也可以在某个页面的main.js中引用，看使用的范围；

第四步：在项目中使用：

注意：当时测试使用的字体是仅仅有数字的字体，并且一直在文字上测试，所以导致一直都不生效，耗费了挺多时间才发现这个问题，其实前面的步骤都是没有问题的，在数字上测试是正常的，这点需要特别注意！！！

（另外，同事在做这个功能一引入字体就报错，就把依赖删掉重下就可以解决了）