【问题标题】:Using vue-font-awesome to display a facebook icon in a Vue CLI application使用 vue-font-awesome 在 Vue CLI 应用程序中显示 facebook 图标
【发布时间】:2018-12-15 05:56:51
【问题描述】:

我试过这个-

    import { library } from '@fortawesome/fontawesome-svg-core'
    import { faFacebook } from '@fortawesome/free-solid-svg-icons'
    import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

    library.add(faFacebook)

    Vue.component('font-awesome-icon', FontAwesomeIcon)

但显然 free-svg-icons 中没有 faFacebook。如何包含 facebook 图标?

【问题讨论】:

标签: vue.js font-awesome


【解决方案1】:

fontawesome-free-brands 中查看faFacebookSquare

import { faFacebookSquare, faFacebookMessenger } from '@fortawesome/fontawesome-free-brands';

这行得通吗?


编辑

刚刚看到faFacebookF 也在那里可用,我只是错过了它

import { faFacebookF } from '@fortawesome/fontawesome-free-brands';

【讨论】:

    【解决方案2】:

    我遇到了同样的问题。解决了这个问题:

    terminal:
    npm install --save @fortawesome/free-brands-svg-icons
    
    main.js:
    import { faFacebook } from '@fortawesome/free-brands-svg-icons'
    library.add(faFacebook)
    
    inside code:
    <font-awesome-icon :icon="{ prefix: 'fab', iconName: 'facebook' }"/>
    

    【讨论】:

      猜你喜欢
      • 2017-05-23
      • 2019-06-12
      • 2020-10-31
      • 2021-05-29
      • 2023-01-23
      • 2018-05-10
      • 2019-05-04
      • 1970-01-01
      • 2021-01-09
      相关资源
      最近更新 更多