vue项目中的font-awesome无效

Question

我需要在我的vue项目中使用font-awesome来显示一些图标。 首先，我在我的项目中安装了font-awesome。

npm install font-awesome --dev-save

安装后，它无法正常工作，只显示为方形而非图标。 错误原因是无法成功加载font-awesome的字体文件。

Answer 1

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

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

效果很好。希望可以帮助。

Answer 2

你应该能够通过包含

来使用这些字体

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

main.js 中的

。