Iconfont中有很多圖標(biāo)，我們可以像在超市逛街一樣，挑選自己喜歡的商品，然后放入購物車。

挑選圖標(biāo)的過程（共6步）

進(jìn)入網(wǎng)站：Iconfont網(wǎng)址：http://www.iconfont.cn

點(diǎn)擊網(wǎng)站上方的“官方圖標(biāo)庫”，選擇自己喜歡的圖標(biāo)。在這里我選擇天貓的圖標(biāo)庫。

選擇好自己喜歡的圖標(biāo)，你可以有兩個(gè)選擇，下載代碼?和?添加至項(xiàng)目。

我們這兩選擇添加至項(xiàng)目，然后新建項(xiàng)目，并輸入名稱。

項(xiàng)目添加好后，會(huì)自動(dòng)給我們轉(zhuǎn)入到我們項(xiàng)目庫中。點(diǎn)擊查看在線鏈接。

生產(chǎn)css引入的代碼，生成后就可以在項(xiàng)目首頁index.html引入了。

1

圖標(biāo)的使用：

圖標(biāo)順利引入到項(xiàng)目中，已經(jīng)可以使用它們了，在“我的項(xiàng)目中”你會(huì)看到圖標(biāo)的font class值。可以直接復(fù)制代碼粘貼，也可以自己寫代碼。

1

這樣在頁面中就可以看到圖標(biāo)了。

添加更多圖標(biāo)：

如果在項(xiàng)目中覺的圖標(biāo)不夠用了，需要添加更多圖標(biāo)。可以利用下面四步進(jìn)行添加。

去Iconfont網(wǎng)站繼續(xù)挑選，把相中的圖標(biāo)加入購物車中。

把購物車中的圖標(biāo)加入到項(xiàng)目中。

重新生成在線鏈接。（這部很重要）

在項(xiàng)目主頁中(index.html)，更換css引入鏈接。