《Fontello》免費上百個網頁小圖示用多少下載多少

梅問題-《Fontello》免費網頁圖示用多少下載多少
  之前曾分享「《Typicons》上百個網頁常用小圖示任你用」,裡面有上百個網頁小圖示任你下載使用,且還可任意的縮放不會失真外,甚至還可改變圖示的色彩,雖然說這麼多的小圖示可用,但實際運用到網站中只有5~10個,卻要全部都載入,因此比較好的作法,則是用多少載多少,一來可加速網站的讀取速度,二來可方便自己管理,所以這時不妨可試試fontello這個網站,裡面所提供的網站小圖示相當多,甚至也可將自已繪製的圖示上傳,同時更棒的是,需要多少圖示就選擇多少圖示,同時還可自行的命名與編號,讓你使用更加的便利,因此身為網頁設計人員,怎能錯過呢?現在也一塊來看看吧!

Fontello:
網站名稱:Fontello
網站網址:http://fontello.com/

Step1
進入Fontello網站後,對著所需的圖示點一下,當出現紅框時,表示目前的圖示已被選取。
梅問題-《Fontello》免費網頁圖示用多少下載多少
Step2
接著切到Customize Names頁籤,可針對這些圖示進行命名。
梅問題-《Fontello》免費網頁圖示用多少下載多少
Step3
再切到Customize Codes頁籤,可設定圖示編碼。
梅問題-《Fontello》免費網頁圖示用多少下載多少
Step4
當都設定好後,再點右上的Download鈕,就可將這些所需的圖示給下找回來啦!
梅問題-《Fontello》免費網頁圖示用多少下載多少
Step5
下載回來解壓縮後,會看到一個css、font資料夾與一個demo.html,再雙響demo.html。
梅問題-《Fontello》免費網頁圖示用多少下載多少
Step6
就可看到剛所選取的圖示,這樣就不會一大包啦!
梅問題-《Fontello》免費網頁圖示用多少下載多少

相關文章

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    網站設計 說道:

    謝謝大大無私分享