在線引用圖標(biāo)
- 進(jìn)入網(wǎng)站：Iconfont網(wǎng)址：http://www.iconfont.cn
- 點(diǎn)擊網(wǎng)站上方的“官方圖標(biāo)庫(kù)”，選擇自己喜歡的圖標(biāo)。在這里我選擇天貓的圖標(biāo)庫(kù)。
- 選擇好自己喜歡的圖標(biāo)，你可以有兩個(gè)選擇，下載代碼 和 添加至項(xiàng)目。
- 我們這兩選擇添加至項(xiàng)目，然后新建項(xiàng)目，并輸入名稱。
- 項(xiàng)目添加好后，會(huì)自動(dòng)給我們轉(zhuǎn)入到我們項(xiàng)目庫(kù)中。點(diǎn)擊查看在線鏈接。
- 生產(chǎn)css引入的代碼，生成后就可以在項(xiàng)目首頁(yè)index.html引入了。
<link rel="stylesheet" >
圖標(biāo)的使用： 圖標(biāo)順利引入到項(xiàng)目中，已經(jīng)可以使用它們了，在“我的項(xiàng)目中”你會(huì)看到圖標(biāo)的font class值?？梢灾苯訌?fù)制代碼粘貼，也可以自己寫(xiě)代碼。
<i class="icon iconfont icon-hanbao"></i>
這樣在頁(yè)面中就可以看到圖標(biāo)了。
添加更多圖標(biāo)：
如果在項(xiàng)目中覺(jué)的圖標(biāo)不夠用了，需要添加更多圖標(biāo)。可以利用下面四步進(jìn)行添加。
去Iconfont網(wǎng)站繼續(xù)挑選，把相中的圖標(biāo)加入購(gòu)物車中。
把購(gòu)物車中的圖標(biāo)加入到項(xiàng)目中。
重新生成在線鏈接。（這部很重要）
在項(xiàng)目主頁(yè)中(index.html)，更換css引入鏈接。
