【发布时间】:2023-03-04 13:24:02
【问题描述】:
我需要在我的 vue 项目中使用 font-awesome 来显示一些图标。 首先,我在我的项目中安装了 font-awesome。
npm install font-awesome --dev-save
安装后,它不起作用,只是显示为方形图标。 错误原因是font-awesome的字体文件无法加载成功。
【问题讨论】:
标签: vue.js vuejs2 font-awesome
我需要在我的 vue 项目中使用 font-awesome 来显示一些图标。 首先,我在我的项目中安装了 font-awesome。
npm install font-awesome --dev-save
安装后,它不起作用,只是显示为方形图标。 错误原因是font-awesome的字体文件无法加载成功。
【问题讨论】:
标签: vue.js vuejs2 font-awesome
经过调查,我将这些字体文件复制到一个新文件夹中,并重新设置变量 $fa-font-path 的值,如下所示:
// reset font-awesome variables
$fa-font-path: '/src/common/fonts'
而且效果很好。希望能帮上忙。
【讨论】:
你应该可以通过包含来使用字体
import 'font-awesome/css/font-awesome.min.css
在 main.js 中。
【讨论】: