vue 引入 fontawesome 字体库

Posted 2020-11-27 chenyi4

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 引入 fontawesome 字体库相关的知识，希望对你有一定的参考价值。

1.下载字体库

解压

2.把所有的文件包放入scss的文件夹下面

技术图片

3.main.js引入index.scss

4.index.scss中引入

@import ‘./font/scss/font-awesome.scss‘ ;

5.修改font/scss/_variables.scss

修改这个变量

$fa-font-path:        "./font/fonts" !default;

6.在模块中插入

<i class="fa fa-camera-retro" ></i>

成功

以上是关于vue 引入 fontawesome 字体库的主要内容，如果未能解决你的问题，请参考以下文章