代码之家 › 专栏 › 技术社区 › danny

vue项目中的字体awesome不起作用

font-awesome vuejs2 vue.js

danny · 技术社区 · 8 年前

我需要在我的vue项目中使用字体awesome来显示一些图标。首先,我在我的项目中安装了Fontawesome。

npm install font-awesome --dev-save

安装后,它没有工作,只是显示为一个正方形图标。错误原因是无法成功加载font awesome的字体文件。

2 回复 | 直到 8 年前

danny 8 年前

经过调查,我将这些字体文件复制到一个新文件夹,并重置变量$fa font path的值,如下所示:

// reset font-awesome variables
$fa-font-path:                    '/src/common/fonts'

而且效果很好。希望能有所帮助。

Richard Matsen 8 年前

您应该能够使用字体,只需包括

import 'font-awesome/css/font-awesome.min.css

在里面 主要的js公司 .

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

4 年前

Park · Vuejs道具,路径较长

4 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

4 年前

roev · 大堆来自(物体)。forEach不使用vue。js

4 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

8 年前

Ready Dev · Axios一次发出多个请求(vue.js)

8 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

8 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

8 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

8 年前

Tim · VueJS-迭代从AJAX调用返回的数据

8 年前