【人氣線上工具&服務】Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

分享文章:

網頁技術愈來愈進步,以往在製作網站,通常都使用一些圖示來增加網站的豐富性,不過這些圖示使用多了其實對於網站的讀取速度是一種累贅,因此現在在製作網站時,已經慢慢的都改用圖示字型來解決這項問題,不過並不是每個人都懂得如何製作,如果你自己製作了不少圖示檔,想要整合成字型,可以透過 Fontello 這個網站來處理,這裡面也提供了上百種的圖示供你直接使用,讓你不需要再花時間處理這些圖示哦。


Fontello 圖示字型網站介紹:

網址:http://fontello.com/

這網站使用方法很簡單,先找你想要使用的圖示,可以搜尋也可以慢慢看。

Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

然後找到想要使用的圖示,就選他,可以一次複選多個,或者你自己有做好的 SVG 圖檔想要做成字型也可以,直接拖曳到中間的區域就可以了,最後按下右上角的「Download webfont」就可以下載使用。

Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

下載前如果想要自訂名稱或代碼都可以先行設定哦。

Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

 

Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

下載時會得到這些檔案,怎麼使用阿湯就不多做解釋,相信有需要的朋友應該都會用才對。

Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

demo 頁面是用來顯示你所選擇的這些圖示,讓你對照名稱以便使用,很簡單吧。

Fontello - 網頁圖示字型產生器,內建上百種圖示,也可以加入自製的檔案

分享文章: