今天小出來為大家解答以上問題。fontawesome圖標大全，FontAwesome 圖標字體庫的使用方法很多人還不知道，現在讓我們一起來看看吧！

1、登錄FontAwesome官網，下載FontAwesome安裝包。最好下載最新版本，因為最新版本更新的子圖圖標比舊版本更全面。

2、附：FontAwesome官網

3、http://fontawesome.dashgame.com/

4、下載完安裝包后，點擊文件夾，在css文件夾中找到font-awesome.css或者font-awesome.min.css(意思是壓縮)，將安裝包文件夾中的fonts文件夾復制到自己的項目中。

5、打開HTML頁面，在head頭中引入font-awesome.css。

6、linkrel=' style sheet ' href=' CSS/font-awesome . min . CSS '

7、當然，如果你還沒有下載安裝包，可以介紹一下在線css。

8、例如：linkrel=' style sheet ' href=' https://cn . bootcss.com/font-awesome/4 . 7 . 0/CSS/font-awesome . CSS '

9、圖標引用：font-awesome圖標可以在任何地方引用，只需在元素的類和對應的圖標名稱上加上前綴fa即可。如果不知道圖標名稱，在官網找不到對應的圖標，但是可以找到對應的圖標名稱。

10、iclass=' fafa-car '/ii class=' fafa-book '/I

11、注意：FontAwesome是設計用于行內元素的。和I span元素廣泛用于圖標。

12、可以直接改變圖標的屬性，比如圖標的顏色大小，將不同的圖標組合起來，形成需要的圖標。

13、iclass=' fafa-car ' style=' font-size :60 px；顏色：紅色；/i

14、執行上述步驟。如果沒有顯示圖標，可以打開font-awesome.css查看字體庫，即導入字體文件的路徑是否正確。

本文到此結束，希望對大家有所幫助。