iconfont字體庫是阿里巴巴矢量圖標(biāo)庫，提供豐富的字體圖標(biāo)制作工具，讓用戶可以快速的獲取各類圖標(biāo)字體，給你的文字增加不一樣的修飾！綠色資源網(wǎng)誠意推薦！

iconfont阿里巴巴矢量圖標(biāo)庫介紹

Iconfont-國內(nèi)功能很強(qiáng)大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫，提供矢量圖標(biāo)下載、在線存儲(chǔ)、格式轉(zhuǎn)換等功能。阿里巴巴體驗(yàn)團(tuán)隊(duì)傾力打造，設(shè)計(jì)和前端開發(fā)的便捷工具。

阿里媽媽MUX傾力打造的矢量圖標(biāo)管理、交流平臺(tái)。

設(shè)計(jì)師將圖標(biāo)上傳到Iconfont平臺(tái)，用戶可以自定義下載多種格式的icon，平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。

iconfont字體圖標(biāo)制作教程

在www.iconfont.cn注冊一個(gè)賬號(hào)

登錄后，在圖標(biāo)庫里面去選擇自己中意的圖標(biāo)添加到庫

標(biāo)選的差不多了打開右側(cè)的庫，把庫里面的圖標(biāo)添加到你的項(xiàng)目（沒有項(xiàng)目就新建一個(gè)）

把整個(gè)項(xiàng)目下載到本地

下載的文件解壓，得到一個(gè)文件夾里面有這幾個(gè)文件

將iconfont.eot文件夾傳到你的主題文件夾里面去，在html里面引用字體圖標(biāo)的css

在html里需要調(diào)用字體圖標(biāo)的添加“<i class=”iconfont ****“></i>”就可以出現(xiàn)了，代碼里面的“****”為每個(gè)圖標(biāo)的調(diào)用代碼，可以在iconfont項(xiàng)目里面找到每個(gè)圖標(biāo)的代碼