前言 　　近日在做項目時，項目組有提出iconfont的技術，便開始查詢相關資料。iconfont技術的主要目的是為減少應用體積而生。首先icon代表圖標 font代表字體。此技術便是將圖標轉化為字體，從而達到減小應用體積的目的(這樣避免了@2X圖和@3X圖的使用，只需要一個字體圖標就可搞定 ...

在iOS的開發中，各種圖標的使用是不可避免的，如果把全部圖標做成圖片放在項目中，那么隨着項目的逐漸龐大起來，圖片所占的地方就會越來越大，安裝包也就隨之變大了，如果圖標需要根據不同的場景改變使用不同的顏色，那么，如果做成圖片就需要多張不同顏色的圖片，對於能更換皮膚的APP來說，安裝包也就會更大 ...

首先你要有一個圖標庫的賬號，我們使用的是阿里矢量圖標庫，其次你要有一套已經設計好的圖標原圖。如果你具備了這些，就可以和我一起看iconfont的使用姿勢了。 寫在前面 不結合其他矢量庫或UI框架一起使用的方法，可以參照官網的指示進行操作：http://iconfont.cn/plus ...

　 iconfont 技術的主要是將圖標轉化為字體來減少應用體積。如需在項目中使用iconfont技術，圖標矢量圖一開始都應合並轉化為字體庫。 優點： 減小體積，字體文件比圖片要小 圖標保真縮放，解決2x/3x乃至將來的nx圖 ...

layui的圖標取自於阿里巴巴的矢量圖標庫 Iconfont，同樣的，這篇教程也是基於Iconfont進行擴展。 第一步，通過瀏覽器打開 http://iconfont.cn/ ，訪問阿里巴巴矢量圖標庫。 第二步，通過右上角的用戶圖標，授權登陸一個賬號，在此我選擇使用Github作為登陸賬號 ...

我之前因為項目用bootstrap比較多,所以使用font awesome字體圖標比較多,后來接觸到了iconfont,發現想要的什么圖標都有,還可以自定義圖標,非常強大!之前看了一波教程,覺得繁瑣,自己弄明白后感覺如此簡單,做了這么個簡單教程,直接上圖,簡單粗暴,避免新手走彎路,這里講解的默認 ...

iconfont對於前端應用來說有很多便捷： 1、自由變化大小 2、自由修改顏色 3、可以添加一些視覺效果如：陰影、旋轉、透明度。 4、兼容IE6 在線引用和下載到本地兩種方法 一。在線引用 圖標的制作和上傳可以參照官網 ...

一、准備階段： 　　a.進入阿里巴巴矢量圖標庫www.iconfont.cn挑選所需的圖標，加入購物車 　　　 　　b.點擊網頁中的購物車下載代碼 　　 二、3種方法實現 Iconfont 的HTML顯示 Unicode 引用 Unicode 是字體在網頁端最原始的應用方式 ...