本篇文章教你如何引入iconfont字體圖標(biāo)，希望對(duì)大家有幫助。

打開iconfont網(wǎng)站：iconfont-阿里巴巴矢量圖標(biāo)庫(kù)

挑選想要的圖標(biāo)，加入購(gòu)物車：

全部挑選完后，點(diǎn)擊購(gòu)物車：

將購(gòu)物車中的圖標(biāo)加入到項(xiàng)目中：

全部挑選完后，點(diǎn)擊購(gòu)物車：

將購(gòu)物車中的圖標(biāo)加入到項(xiàng)目中：

將其添加至項(xiàng)目后，點(diǎn)擊圖中，可選擇下載至本地文件，也可選擇復(fù)制代碼

若選擇下載至本地文件，則將文件夾放在css文件夾中，在html頁(yè)面，引入css/iconfont.css

若選擇復(fù)制代碼 ，則將其復(fù)制在css頁(yè)面

之后，在css中編寫：

.iconfont{   font-family: "iconfont"; }

在html文件中復(fù)制選好的具體的字體圖標(biāo)代碼

<span class="iconfont icon-yanjing-shi"></span>

注意在class里加上iconfont

【