2021-10-15

IcoFont 提供超過 2100個圖示字型免費使用

圖示的表達會比文字描述更乾淨俐落,就像 line 會將一些輸入的詞語轉成圖示來表示一樣,而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕,傳統的做法可以使用圖片,也可以使用 SVG 向量圖檔,然而最簡便的方式還是使用圖示字型。
GoogleFont Awesome 均有提供可免費運用到網頁內的圖示字型,而 IcoFont 也是如此的應用,其提供超過 2100個圖示,透過 CSS 的引用,使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示,另外,每個圖示亦提供 SVG 向量圖型下載,讓應用更為全面。

IcoFont 網站資訊

網站語言:英文網站網址: 按我前往 IcoFont

如何使用 IcoFont 內的圖示字型?

1.使用瀏覽器進入 IcoFont 網站,我們可以利用左側欄的分類進行圖示的篩選,如果覺得都好,網頁最右上角的[ Download ]可以讓你將 2100+圖示完整打包帶回家。
IcoFont 提供超過 2100個圖示字型免費使用


2.如果是針對類別,可選好之後,利用類別旁的[ Download ]按鈕來包下載。
IcoFont 提供超過 2100個圖示字型免費使用

3.針對單一的圖示,可點擊後查看 Markup、Hex 或是 HTML Entity 語法,也可以下載 SVG 向量圖檔。
IcoFont 提供超過 2100個圖示字型免費使用

4.如果要多選也可以利用購物車的功能,集中下載。
IcoFont 提供超過 2100個圖示字型免費使用

5.使用方法我們可以參考 How to useExamples 的說明。
IcoFont 提供超過 2100個圖示字型免費使用


IcoFont 提供超過 2100個圖示字型免費使用
6.原則上就是在<head></head>之間加入對  css 的引用,須注意路徑要對。
按我開啟展示

 分享您的留言


請輸入關鍵字


請選擇...


˄