阿里巴巴矢量庫網(wǎng)址
引入步驟
1.注冊賬號
2.搜索圖標(biāo)表蝙，如（我的）拴测，找到自己需要的圖標(biāo)，鼠標(biāo)放在該圖標(biāo)上府蛇，會(huì)顯示三個(gè)選項(xiàng)集索，點(diǎn)擊“購物車圖標(biāo)”，添加入庫汇跨。如下圖：
點(diǎn)擊購物車圖標(biāo).png
-
選擇完需要的圖標(biāo)后务荆，點(diǎn)擊右上角的購物車圖標(biāo)，將所選的圖標(biāo)添加到自己的項(xiàng)目中穷遂，如下圖：點(diǎn)擊右上角購物車圖標(biāo).png
-
添加項(xiàng)目時(shí)函匕，可以新建項(xiàng)目，或選擇已有項(xiàng)目蚪黑，如下圖：添加到項(xiàng)目.png
5.進(jìn)入自己的項(xiàng)目盅惜，查看項(xiàng)目中的圖標(biāo)吸耿，如下圖：
項(xiàng)目內(nèi)容.png
6.鼠標(biāo)放到對應(yīng)的圖標(biāo)上，可以下載圖標(biāo)酷窥，修改圖標(biāo)等，
可以修改圖標(biāo).png
修改圖標(biāo).png
7.圖標(biāo)配置完后伴网，點(diǎn)擊“下載到本地”蓬推，將 iconfont.css 和 iconfont.ttf 引入項(xiàng)目中，修改其中的iconfont.css,將下列代碼
@font-face {
font-family: "iconfont";
src: url('iconfont.eot?t=1524450080463');
}
中的代碼修改為項(xiàng)目中 iconfont.ttf 所在路徑：
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.ttf') format('truetype');
}
8.使用時(shí)澡腾，引入 iconfont.css ,具體使用代碼如下( class = " iconfont xxx")：
<a class="mui-icon iconfont icon-shaixuan2 mui-pull-right"></a>
