TOP
首頁 > Boostrap 響應式模板製作 > 6、用fontawesome icon取代網頁小圖示,縮放不失真

6、用fontawesome icon取代網頁小圖示,縮放不失真

2020-09-28 304

相關文章

fontawesome 目前免費的最新版本是5.14,有Desktop和Web兩種版本,我們只介紹web版,提供了1598個免費使用的font icon,第5版開始已經包含LINE圖示,真的很方便,由於現在都使用響應式的模板,大部分的圖片都盡量用font icon,不但檔案小編輯也方便,因為她就是一個文字,所以包含了文字所有的屬性,任意縮放也不必擔心失真問題,fontawesome icon使用上也非常方便,下載之後解壓縮,將css和webfonts資料夾上傳到模板目錄,然後連結樣式表即可:

點擊圖片可以放大檢視
6、用fontawesome icon取代網頁小圖示,縮放不失真

點擊圖片可以放大檢視
6、用fontawesome icon取代網頁小圖示,縮放不失真

<link href="css/all.min.css" rel="stylesheet" type="text/css" />

然後連結到這裡,找到你想要的icon之後,點擊icon下方的文字(1),程式碼就會顯示在文字框中,你只需點擊【複製程式碼】(2)按鈕就可以將程式碼複製到剪貼簿,再將程式碼貼到網頁中藥顯示的地方,你必須已經下載 fontawesome icon 5.14,並上傳到模板目錄...

點擊圖片可以放大檢視
6、用fontawesome icon取代網頁小圖示,縮放不失真

如果你對6、用fontawesome icon取代網頁小圖示,縮放不失真有任何問題請到討論區發帖。