vue 引入 fontawesome 字体库

1.下载字体库

http://fontawesome.dashgame.com/#basic

解压

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

vue 引入 fontawesome 字体库

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>

成功

相关推荐