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

 

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



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

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

留言

這個網誌中的熱門文章

AI 角色提示詞生成器 V25.12 (20251226更新)

文字轉語音工具 F5 TTS 升級版免費免登入無限制使用極速克隆生成帶情感的真人語音

AI 圖片提示詞產生器,生成電影級的超寫實圖片!

10組各式場景美女圖提示詞

世界第一個 100% 免費 無需登入 無限制生成令人驚艷的 AI 圖片產生器 Raphael AI