軟件介紹

iconfont是一款功能非常強(qiáng)大的矢量圖標(biāo)管理工具，它擁有著豐富的圖標(biāo)內(nèi)容，滿足用戶的各種需求。我們不僅可以在Iconfont阿里巴巴矢量圖標(biāo)庫里找到自己想要的矢量圖標(biāo)素材。而且還可以將這些圖標(biāo)直接轉(zhuǎn)換成電腦上的字體來進(jìn)行使用，從而讓你的電腦字體變得非常有個(gè)性。

基本簡介

iconfont阿里巴巴矢量圖標(biāo)庫，阿里媽媽MUX傾力打造的矢量圖標(biāo)管理、交流平臺。iconfont設(shè)計(jì)師將圖標(biāo)上傳到Iconfont平臺，用戶可以自定義下載多種格式的icon，平臺也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。

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

iconfont功能介紹

搜索：支持關(guān)鍵詞模糊搜索，可以搜圖標(biāo)搜用戶，中文 / English / Ping yin 無縫互譯

下載詳情頁：可查閱icon歸屬圖標(biāo)庫與作者，多色圖標(biāo)支持分路徑改色，下載圖標(biāo)自動保存最近使用的顏色

購物車：將圖標(biāo)加入購物車后，可以批量下載素材和代碼、批量添加至項(xiàng)目

上傳：支持單個(gè)或批量上傳多個(gè)icon、支持單色/多色icon同時(shí)上傳、支持圖標(biāo)自定義配置標(biāo)簽

圖標(biāo)庫：系列相關(guān)圖標(biāo)的集合，由圖標(biāo)上傳者創(chuàng)建，需通過審核才可公開/加密訪問 圖標(biāo)庫分為官方圖標(biāo)庫/自定義圖標(biāo)庫/多色圖標(biāo)庫

項(xiàng)目管理：“項(xiàng)目”是幫助團(tuán)隊(duì)協(xié)同合作的共享模塊，創(chuàng)建項(xiàng)目后，視覺同學(xué)上傳icon，交互/產(chǎn)品同學(xué)可以?自由下載圖標(biāo)，前端同學(xué)可以將圖標(biāo)以字體格式添加至代碼，支持三種格式代碼使用。

打賞：支持原創(chuàng)圖標(biāo)，尊重設(shè)計(jì)成果，在“用戶”與“圖標(biāo)庫”維度支持打賞，如果你喜歡哪位設(shè)計(jì)師，趕快去打賞吧～

iconfont軟件特點(diǎn)

【海量圖標(biāo)自定義下載】

支持AI / SVG / PNG / 代碼格式下載

支持按路徑改變icon顏色

【將圖標(biāo)轉(zhuǎn)化為字體應(yīng)用】

添加項(xiàng)目的圖標(biāo)，可以生成在線鏈接

以字體形式進(jìn)行復(fù)用

【項(xiàng)目協(xié)同合作】

創(chuàng)建項(xiàng)目后上傳icon，成員可以下載圖標(biāo)

前端同學(xué)可以將圖標(biāo)添加至代碼

【原創(chuàng)icon交流平臺】

我們提供一個(gè)原創(chuàng)圖標(biāo)共享、交流平臺

尊重原創(chuàng)，尊重每個(gè)設(shè)計(jì)師

iconfont使用方法

iconfont怎么使用？

點(diǎn)擊左上角的“圖標(biāo)”進(jìn)入圖標(biāo)庫，選擇你喜歡的圖標(biāo)并加入購物車（鼠標(biāo)經(jīng)過鼠標(biāo)會有三個(gè)按鈕圖標(biāo)，分別是加入購物車，收藏，下載），你也可以在右上角的搜索框中輸入你想要的圖標(biāo)名稱。

圖標(biāo)都選好后，點(diǎn)擊頁面右上角的購物車圖標(biāo)，此時(shí)可以看到你加入過購物車的所有圖標(biāo)，然后點(diǎn)擊“下載代碼”下載到本地。

代開并加壓下載到本地Iconfont壓縮包，找到iconfont.css復(fù)制并粘貼到你的項(xiàng)目文件夾中，同時(shí)在您的網(wǎng)頁代碼的頭部的引入iconfont.css（注意路徑是否正確）

打開Iconfont文件夾中的demo_fontclass.html，在改網(wǎng)頁頁面中可以看到你加入購物的圖標(biāo)和對應(yīng)的圖標(biāo)名稱。

常見問題

為什么下載字體，更新cdn都會提示error？

iconfont平臺也是依賴的第三方的c庫 fontforge來生成字體的，如果unicode不符合規(guī)范，或者圖標(biāo)本身的路徑有問題，它會報(bào)錯(cuò)的。unicode的正確設(shè)置，參考上一條。遇到這種問題，可以直接把一半圖標(biāo)添加到一個(gè)新項(xiàng)目看看是不是有問題，一半一半的試，就可以排查出這個(gè)問題圖標(biāo)了。

為什么下載字體后，發(fā)現(xiàn)所有圖標(biāo)偏上了？

這種情況一半都是其中某些圖標(biāo)有問題，他們的圖形可能超出了舞臺，也可能是設(shè)計(jì)師粗心，在舞臺外面有個(gè)點(diǎn)或者啥的。總之這個(gè)圖標(biāo)會把整個(gè)字體撐開，我們需要參考上面的用二分法排除這個(gè)圖標(biāo)。刪除重新生成字體即可。

審核一般要多久，有什么注意事項(xiàng)沒?

審核一般 1-2 個(gè)工作日 (不過如果審核同學(xué)忙暴斃，望諒解...)審核不通過的原因可能是：單色圖標(biāo)與多色圖標(biāo)混合在一個(gè)圖標(biāo)庫內(nèi)

沒有符合繪制規(guī)則，參照幫助中心 繪制規(guī)則

圖標(biāo)質(zhì)量實(shí)在辣眼睛

抄襲 Iconfont 線上已有多色圖標(biāo)

大家在對圖標(biāo)庫和圖標(biāo)命名的時(shí)候，盡量如實(shí)描述，不要出現(xiàn)只有自己才能懂的火星文，考慮到圖標(biāo)庫的公開屬性，通用易懂比較綠色健康無公害

微博登錄有問題?

微博登陸的問題，我們也很無奈，不是太穩(wěn)定，也沒有啥反饋的渠道，建議大家可以先使用github登陸，后續(xù)我們會嘗試接入qq，微信啥的，或者自建賬戶體系。