码迷,mamicode.com
首页 > 其他好文 > 详细

vue 引入 fontawesome 字体库

时间:2020-03-03 14:29:22      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:ble   code   nts   pre   下载   修改   字体库   camera   dash   

1.下载字体库

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

解压

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 字体库

标签:ble   code   nts   pre   下载   修改   字体库   camera   dash   

原文地址:https://www.cnblogs.com/chenyi4/p/12401964.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!