首先在項目的終端下執行以下命令
npm install @fortawesome/fontawesome-free
# 或者
yarn add @fortawesome/fontawesome-free
這樣子可以把fontawsome的圖標給下載到項目的對應文件中
一般都是在node_modules中
在@fontawsome/fontawesome-free中就可以看到很多文件夾了
Chevron Down Sharp Regular Icon | Font Awesome
在這里可以慢慢看自己需要什么樣子的圖標
這里可以可以看,有兩個class類,其中前面的fa-thin表示圖標的樣式,就比如什么暗,亮,瘦之類的,后面的fa-house就是圖標的類型吧,比如有很多房子,箭頭巴拉巴拉
下面是使用示例
<span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span>
</span><style>
@import 'bulma/css/bulma.css';
@import '@fortawesome/fontawesome-free/css/all.min.css';
</style>
其實上面的代碼同時用到了bulma
Icon | Bulma: Free, open source, and modern CSS framework based on Flexbox
npm install?bulma
具體可以在上面的網站去了解