介紹
在element-ui框架中提供了一些圖標樣式，但是種類比較少，所以在這里提供一套更完善的字體圖標庫Font Awesome（官方文檔），下面就開始介紹如何在一個nuxt項目中使用這套字體庫。
引入步驟
1.進入Font Awesome官方網址，下載字體庫，官方網址：http://fontawesome.dashgame.com/
2.下載完成之后，對壓縮包進行解壓，放置項目中的assets文件夾下
3.在nuxt.config.js中添加配置
{ src: '~assets/font-awesome-4.7.0/css/font-awesome.min.css' }
使用
1.在官方網站上，任意找一個圖標樣式，進行復制
、
2.復制完成之后，進行粘貼，得到的是“fa-thumbs-up”，我們將其用到展示頁面上
<i class="fa-thumbs-up"></i>
3.此時，我們觀察頁面，發現頁面上並沒有顯示對應的圖標，只顯示一個小框框。開始懷疑nuxt引入資源出錯，又開始檢查是否是font awesome內部字體庫引用出錯，發現都沒有問題，后來發現是復制粘貼過來的樣式前面缺少“fa”，導致引用失敗。官網應該是最近更新的，之前的打開方式並非如此。由於比較相信官網沒有注意這方面的問題，找了很久才發現是這個原因，這個坑應該很快會被修復。
4.正確的使用方式
<i class="fa fa-thumbs-up"></i>
5.這時，觀察頁面，發現圖標已經顯示正常
6.我們可以通過font-size和color屬性來改變圖標的大小和顏色
<i class="fa fa-thumbs-up" style="font-size: 30px;color: red"></i>
說明：本文為原創作品，若有參考會在文中提及，如有遺漏，涉及侵權，請聯系本人，將立即修正。