首先,在阿里巴巴iconfont網(wǎng)站中找到你想要的圖標(biāo)
阿里巴巴iconfont圖標(biāo)地址
并把喜歡的圖標(biāo)添加進(jìn)購(gòu)物車(chē)玻佩,然后添加進(jìn)項(xiàng)目中谐鼎,如下圖所示
然后,在我的項(xiàng)目中找到對(duì)應(yīng)的項(xiàng)目段只,點(diǎn)擊更多操作中的編輯項(xiàng)目
修改Symbol 前綴腮猖,注意框架的圖標(biāo)前綴的沖突(不要一樣)
然后,點(diǎn)擊生成Sumbol 代碼鏈接
點(diǎn)擊批量操作赞枕,勾選全選澈缺,點(diǎn)擊批量去色,方便后期統(tǒng)一修改圖標(biāo)顏色
點(diǎn)擊生成最新的Symbol 代碼js
使用方法:點(diǎn)擊頂部導(dǎo)航條中的幫助下的代碼應(yīng)用炕婶,仔細(xì)閱讀web端使用
Iconfont的web端總共有四種使用方法:
第一種:icon的單個(gè)使用(png,ai,svg)
第二種:unicode引用
第三種:font-class引用
第四種:symbol引用
以下重點(diǎn)講第四種symbol的引用:
<script type="text/javascript" src="http://at.alicdn.com/t/font_8d518fzk5b87iudi.js">
注意姐赡!vue 如果沒(méi)有.html入口文件要用以下方式追加引用symbol代碼