首頁免費字型圖示字型 IcoFont 提供超過 2100個圖示字型免費使用 圖示的表達會比文字描述更乾淨俐落，就像 line 會將一些輸入的詞語轉成圖示來表示一樣，而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕，傳統的做法可以使用圖片，也可以使用 SVG 向量圖檔，然而最簡便的方式還是使用圖示字型。 Google、Font Awesome 均有提供可免費運用到網頁內的圖示字型，而 IcoFont 也是如此的應用，其提供超過 2100個圖示，透過 CSS 的引用，使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示，另外，每個圖示亦提供 SVG 向量圖型下載，讓應用更為全面。 🔔 **不錯過任何精彩！** 立即訂閱我們的 LINE 官方帳號。 每次發佈新文章時，您將會**第一時間收到本站文章連結通知**，輕鬆掌握最新資訊！ 使用 LINE 追蹤文章更新 §相關文章，還可以參閱：Material Symbols & Icons：Google Fonts 所推出圖示字型，還有 SVG 及 PNG 可選Ionicons：免費圖示字型與 SVG，Outline、Filled 及 Sharp 多變體開放原始碼ICON8 Line Awesome 提供 1380+個精美圖示字型 免費使用如何讓 Font Awesome 的圖示字型也可以應用在 Word、記事本？如何在網頁中使用 Google Icon Font 免費圖示？ 如何使用 IcoFont 內的圖示字型？ 1.使用瀏覽器進入 IcoFont 網站，我們可以利用左側欄的分類進行圖示的篩選，如果覺得都好，網頁最右上角的[ Download ]可以讓你將 2100+圖示完整打包帶回家。 2.如果是針對類別，可選好之後，利用類別旁的[ Download ]按鈕來包下載。 3.針對單一的圖示，可點擊後查看 Markup、Hex 或是 HTML Entity 語法，也可以下載 SVG 向量圖檔。 4.如果要多選也可以利用購物車的功能，集中下載。 5.使用方法我們可以參考 How to use 及 Examples 的說明。 6.原則上就是在<head></head>之間加入對 css 的引用，須注意路徑要對。 按我開啟展示 IcoFont網站網址：https://icofont.com/icons