[問題] 運用 vue-fontawesome firefox icon

作者: s8300355 (s8300355)   2018-08-02 00:01:20
請問各位 我想在 vue 專案中運用 firefox icon
main.js中如下宣告
https://i.imgur.com/vM12hQp.png
components中也是如下
https://i.imgur.com/4nvPYPl.png
而在官方文件中,firefox icon 的確是分類在 Brands 中
https://i.imgur.com/sJB9GJm.png
但是 run 了之後卻無法正常顯示
而運用 folder-open icon 的話可以正常,他是分類在 Solid
我唯一知道的是 firefox icon 的說明是這樣:
https://i.imgur.com/wD17NH7.png
而 folder-open icon 是這樣:
https://i.imgur.com/5dX2GXR.png
最右邊的部分比起 firefox icon,多了三個 style 的說明
有可能真的是這個原因嗎? 因為沒有支援的 style?
但在 main.js 卻可以正常 import
後來就放棄直接使用 cdn ,可以正常顯示,但這讓我心情不好...
麻煩各位指教 謝謝!
後來發現只有 Soild 的可以正常,folder-open
有 Soild 跟 regular 但 regular 失敗@@
目前暫時得知使用 Soild style 的 icon 一定成功
用其他 style 都失敗,檢查了 package 都有正常安裝
作者: dododavid006 (朔雪)   2018-08-02 08:22:00
vue-fontawesome 如果沒給 prefix 的話都會設定成solid 的 如果要用其它 style 的要用 object 的型式指定 https://codesandbox.io/s/jpjnwkqmy剛剛查了一下 也可以用 ['fab', 'firefox']

Links booklink

Contact Us: admin [ a t ] ucptt.com