vue 引入 fontawesome 字体库

Posted chenyi4

tags:

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

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 字体库的主要内容,如果未能解决你的问题,请参考以下文章

vue引入Vue-Awesome

fontawesome 图标怎么安装

SpringBoot + Spring Cloud +Vue 管理系统前端搭建(四引入第三方图标库)

react 中引入 fontawesome 字体包。free-brands-svg 引入的使用问题

vue3x fontawesome字体图标插件使用

LaTeX的fontawesome图标