查詢方法 請點擊進入Fontawasome5.x 圖標查詢頁面 進入之后可見所有圖標，右側下方可選各個分類的圖標，可根據自身要求連續選擇所需的分類。 注意，切換版本之前，請確保安裝了 font awesome1.02本地化插件  否則圖標則會顯示不全

Fontawasome5.x版本介紹：多達1500+的免費精致圖標

我們在之前的開發中，使用了Fontawasome這一字體圖標，字體圖標的好處是：

• 不管在什么設備上，總能最精細的顯示出來，而不會失真。
• 只需要輸入一個圖標的名稱，即可在網頁上顯示想要的圖標
• 顏色可以隨意更改，相比圖片而言，字體圖標有更多的靈活的樣式
• 可以輕松的制作優美的動態圖標，比如旋轉，縮放，都可以輕松實現。

之前我們在開發過程中使用的是Fontawasome4.7版本，最近Fontawasome5已經趨于成熟，并且有了完全壓倒性優勢。 Fontawasome 5版本增加了除網頁常用圖標外的更多分類和可應用于更多行業的圖標：

如上圖所示，我們可以根據需要，去切換各個分類找到適合于我們的圖標了。 比如導航上，根據我們的行業特點，給每個導航項目加入圖標：

在圖標應用上加入更多的元素和表現方法：

或者在文章內插入圖標：

精彩的圖標可以輕松的引用到網站的各個方面，并且在任意設備上可以保證最精致的狀態，而不會失真。

Fontawasome4.7升級Fontawasome5.x的注意事項以及引用方式

Fontawasome4.7 版本的引用是 使用前綴 fa 比如 首頁一般我們會加入一個小房子的圖標，那么引用方式是  fa fa-home 這是Fontawasome4.7所有圖標通用使用方式，而在Fontawasome5.x版本中（免費），分為三種不同類別的圖標

1. 前綴 fas 實心圖標，這個前綴是使用的最多的，也是5.0版本中圖標數量最多的
2. 前綴fab 品牌圖標，這個前綴是引用品牌logo的，我們一般用于客服選項 比如QQ客服、微信客服等等，或者其他品牌內容中
3. 前綴fas 線性圖標，這個圖標相對較少，是區別于實心圖標的線性風格圖標。

示例使用： 比如我們查詢到下面的動物實心圖標：

他的名稱是cat  那么我們在引用時  輸入  fas fa-cat  的css類 即可引用到這個圖標。 在主題中，引用較多的地方是 菜單，那么我們在菜單的css類中輸入這個類名稱：

這樣即可顯示正確了 在主題各個選項內容其他的區域使用圖標時，注意選項注釋說明 填寫正確的格式即可顯示出來各個圖標。 關于Fontawasome5.x版本的介紹就到這里了，如果你有什么不明白的問題，可在此文章下留言給我們一起討論。