【ICON FONT】解決每次設計素材都要找新ICON、風格又不一致的煩 ...

本文要介紹的「Iconfont」是一款來自中國阿里巴巴的向量圖示庫服務，可以線上儲存、格式轉換圖示， 本身也有免費的中文網頁字型 Webfont 動態產生功能，在 Iconfont.cn 中文字型庫中收錄包括思源黑體、思源宋體、楊任東竹石體、站酷小薇體、阿里智能漢 ...

在 網頁設計 上，icon設計與應用是相當常見的， 而使用上除了將icon存成圖片以外，還可以將之作成ICON Font。 那麼到底什麼是ICON Font呢? ICON Font是指將繪製好的向量圖檔轉存為文字檔， 並以css設定成字型來取代原有的圖片物件，在使用上只需輸入該icon對應的代碼或class， 就能夠輕鬆地產生一個小icon ...

Icon Font 是一種使用字體方式呈現向量圖示的網頁技術，使用 Icon Font 可以大幅減少網頁對於圖片載入的依賴，並可靈活的縮放各種圖示，這篇教學會介紹如何在 HTML 和 CSS 中使用 Icon Font，以及幾個非常好用的 Icon Font 網站。

從英文的字面上直接來理解的話，就是用 ICON 當作字體，例如你輸入” smile ” 呈現的就是 ☻ 笑臉的 ICON 。 類似的使用方式就是 Line 貼圖，平常我們用 Line 的時候其實很常會用到，例如輸入” happy “的話，可以看到下圖出現許多對應的貼圖。 當然 ICON FONT 還有以下優點 : 1. 跟字體一樣放大縮小也不會失真 2. 因為不是圖片，所以檔案容量很小 3. 不需要是設計人員也可以簡單使用 4. 風格一致，比較好統一 那在哪些情況下使用 ICON FONT 會讓作業變得更

一、Iconfont是什么？ iconfont是阿里旗下的一套图标库， UI设计 师设计号图标后，会将图标上传到iconfont的项目库中。 前端开发人员需要下载项目图标，并在项目中使用。 它的原理就是将很多 icon 做成字体库，通过样式或者字体对应的字符集来显示这个 icon。

Iconfont是一款矢量图标管理平台，专为设计师和前端工程师打造。 支持上传、管理、下载多种格式图标，并支持图标字体转换，提升设计效率。