有時(shí)候需要用很多圖標(biāo)去完成一定的頁面效果和工作展現(xiàn)，框架內(nèi)置的圖標(biāo)可能滿足不了我們的需求，有個(gè)很好的圖標(biāo)庫想必大家都知道-----就是阿里圖標(biāo)庫。那么我們?nèi)绾尾拍軌虬寻⒇倛D標(biāo)庫的圖標(biāo)引用到自己的項(xiàng)目中呢？耐著性子往下看吧！
阿里圖標(biāo)庫地址：https://www.iconfont.cn/
1.根據(jù)所需搜索到想要的圖標(biāo)，鼠標(biāo)懸停，點(diǎn)擊添加到購物車

1.png

2.點(diǎn)擊購物車

2.png

3.點(diǎn)擊添加至項(xiàng)目

3.png

4.選擇添加到一個(gè)項(xiàng)目里面，點(diǎn)擊確定

4.png

5.點(diǎn)擊font class 的選項(xiàng)，可以看到你添加過的圖標(biāo)，下面的英文對(duì)應(yīng)的是圖標(biāo)代碼，點(diǎn)擊下載至本地。

5.png

6.你會(huì)的到一個(gè)download的壓縮包，解壓文件

6.png

7.復(fù)制除第一個(gè)二文件其余的文件至你的項(xiàng)目資源目錄

7.png

8.引用iconfont.css至你的前端項(xiàng)目 請注意引用文件路徑的正確性。

8.png

9.使用的時(shí)候

第一個(gè)類名是固定的iconfont 第二個(gè)類名是你所需要的類名，取自于fontClass代碼

9.png

10.png

總結(jié)

以上是生活随笔為你收集整理的scrapy如何指定生成python3的项目_如何把阿里图标库的图标生成代码并应用于自己的项目...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。