我关注了https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs。
但是当像这样使用它时:
import { library } from '@fortawesome/fontawesome-svg-core'
import { faBars } from '@fortawesome/free-solid-svg-icons'
import { faTwitter, faFacebook, faStackOverflow, faGithub } from '@fortawesome/free-brands-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
...
library.add(faBars, faTwitter, faFacebook, faStackOverflow, faGithub )
Vue.component('font-awesome-icon', FontAwesomeIcon)
...
<font-awesome-icon icon="twitter" class="icon alt"/>
得到了:
最佳答案
free-brands-svg-icons
使用 fab
前缀(文档似乎没有提及这一点,必须在node_modules中检查其文件夹),您必须指定:
<font-awesome-icon :icon="['fab', 'twitter']" class="icon alt"/>
如果未指定,则为
fas
prefix is assumed。CodeSandbox:https://codesandbox.io/s/6j833qp57k
关于vue.js - 字体严重错误 “Could not find one or more icon”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51207263/