【问题标题】:font-awesome in vue project is not workingvue 项目中的字体真棒不起作用
【发布时间】:2023-03-04 13:24:02
【问题描述】:

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

npm install font-awesome --dev-save

安装后,它不起作用,只是显示为方形图标。 错误原因是font-awesome的字体文件无法加载成功。

【问题讨论】:

    标签: vue.js vuejs2 font-awesome


    【解决方案1】:

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

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

    而且效果很好。希望能帮上忙。

    【讨论】:

    • 你在什么文件中添加了路径。 Main.js、App.vue 还是其他文件?
    【解决方案2】:

    你应该可以通过包含来使用字体

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

    ma​​in.js 中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-01-25
      • 2020-04-04
      • 2016-03-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多