时间戳

首页 > 解决方案 > 如何在 Vue 和 Nuxt.js 项目中添加 Font Awesome？

vue.js - 如何在 Vue 和 Nuxt.js 项目中添加 Font Awesome？

问题描述

我正在尝试添加如下..

css: ['@/assets/front_end/fontawesome-free-5.15.3-web/css/fontawesome.css'],

但它显示为图像 在此处输入图像描述

标签： vue.jsnuxtjs

解决方案

您可以在组件/布局中从 cdn/local 导入 css

<style scoped>
@import 'https://pro.fontawesome.com/releases/v5.10.0/css/all.css';
// or 
@import '@/assets/front_end/fontawesome-free-5.15.3-web/css/fontawesome.css';
</style>

或者你在你的 nuxt.config.js (文档)

export default {
  css: [
    '~/assets/front_end/fontawesome-free-5.15.3-web/css/fontawesome.css'
  ]
}

我建议使用@fortawesome/vue-fontawesome你可以利用摇树

推荐阅读