2025 iThome 鐵人賽
分享至
Icon Font 是一種使用字體方式呈現向量圖示的網頁技術，使用 Icon Font 可以大幅減少網頁對於圖片載入的依賴，並可靈活的縮放各種圖示，這篇教學會介紹如何在 HTML 和 CSS 中使用 Icon Font，以及幾個非常好用的 Icon Font 網站。
影片重點：
00:01:00 認識 Icon Font 00:02:17 Icon Font 和 SVG Icon 的比較 00:03:59 開始使用 Icon Font 00:05:02 Icon Font 工具：IcoMoon 00:11:49 Icon Font 工具：Fontello 00:16:02 使用特殊符號或文字取代 Icon Font
相關參考：
教學文：CSS 使用 Icon Font 圖示字體 影片連結：https://www.youtube.com/watch?v=oMrByYu1Va0
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術