Fontello:免費圖示素材生成工具

Fontello:免費圖示素材生成工具是一個免費Web-font 圖示大集合,設計師不僅擁有所有你需要的圖示,而且你可以挑選並選擇你所需要的字形,並編譯成自己需要的一套,自定義Icon的方法非常簡單,以後你就可以用自己的一套網站素材了。

Fontello:免費圖示素材生成工具

圖示在網頁設計中的運用都是通過圖片的形式來的;使用圖片其實有不少問題,比如說放大失真,增加過多http 請求數(即使使用 CSS Sprite 合併圖片也不見得有多好)。最佳的方法應該是使用向量圖示。對於廣大設計師、前端開發者來說就是寶藏。結合目前的 Web-font 趨勢,Fontello 上的圖示元素定能讓你手中的網站大放異彩!

Fontello使用方法:

1.選擇想要的圖示,然後點選右上角的紅色按鈕下載

2.解壓下載回來的 zip,把裡面的檔案上傳到你的網站

3.下載回來的包有個 demo.html,這裡可以看到相對應的類名(class name)。使用的話照著demo.html 用就可以了。

4.在選擇所需的圖示,下載前可以點選Customize Names 來自定義選擇器名稱,這樣就可以充分滿足個性化需求。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *