Icofont 是一個開放原始碼的免費圖示字型,內有 2400多個可無限縮放的向量圖示,並可將其用於任何合法的個人、組織或商業項目,Icofont 提供的圖標類別相當廣泛,像是動物、品牌、商業、圖表、建造、貨幣、教育、表情符號、健康、食物、移動用戶介面、支付、運動、旅行、天氣及 Web應用程序等都包含在內。
使用 Icofont 非常簡單,每個圖示除了有字體可用,還有 svg 圖檔可以下載,特別值得一提的是,大部分的圖示字型若要運用到網頁內,即便是只用到幾個圖示字型,還是必須全部加載到網頁,無法分割,但 Icofont 提供收藏功能,可以將用到的圖示字型額外打包應用,如此一來,網頁加載效能就快多了。
另外,Icofont 也提供 TrueType .ttf 字型檔,Windows、Mac 作業系統均可以安裝,無論是文書編輯或是圖形編輯軟體,只要選擇 Icofont 字型就可以運用。
如何下載及使用 Icofont 免費圖示字型?
1.Icofont 自從 2023年 6月改版後,不但網站大幅翻新,讓圖示檢視及搜尋更簡單外,圖示數量也增加到 2400 多個。
2.顯示的方式也可以透過下圖紅色箭頭所指的按鈕進行切換。
3.除了可以輸入關鍵字搜尋外,也可以透過類別來檢視圖示。右側的數字是指該類別有的圖示數量。
4.下載時,可選單一或多個類別來下載,選好之後,再按「Download」即可,如果想要下載 Icofont 內所有的 ICO,就需要選取所有的類別再下載。
5.如果只是要其中的幾個圖示,可以將個別的圖示,按「+」加入 Collection 後,再點擊「Collection」來下載 。
6.不論是選取單一或多個類別甚至所有類別圖示下載,亦不論只選擇一個圖示或多個圖示下載,最終都會得到如下圖的檔案,檔案內不論是 css 或是 fonts 資料夾內的 ttf、svg、woff 等,都只會有所選取的圖示。
7.如果要將 Icofont 應用到網頁,只需引用 icofont.min.css 即可,實作時可以參閱網站內的 How to Use 說明。
8.安裝 ttf 檔後,文書、圖片編輯軟體就可以選擇該字體來應用,而圖示該如何輸入?也很簡單,只須回到 Icofont 網站,複製要應用的圖示然後貼到文書或圖片編輯軟體即可,但,請注意,複製的圖示必須是自己有下載的,所以如果是要將 Icofont 應用的應用程式,可以考慮選取所有類別來下載。
9.下圖是將 Icofont 應用到 Windows 記事本內。
整體來說,Icofont 所設計的圖示相當精緻,且完全免費,商業用途也沒問題,最棒的是它可以自選要應用的圖示,無須加載整個字型檔到網頁,加快網頁顯示速度。