????????大家好,我是老斑鳩,今天讓我們了解一下iconfont.cn的使用方法。
? ? ? ? 這個(gè)網(wǎng)站就是阿里巴巴矢量圖標(biāo)庫(kù),如果大家在寫(xiě)頁(yè)面的時(shí)候想使用一些矢量圖,那就來(lái)這個(gè)網(wǎng)站,下面我來(lái)一步一步的叫大家如何使用這個(gè)網(wǎng)站。
????????1,打開(kāi)網(wǎng)址https://www.iconfont.cn/,?你需要注冊(cè)登錄一下,支持GitHub,微博快速登錄:
????????2,在搜索框輸入你想要的矢量圖名稱(chēng):
????????3,選擇你喜歡的圖標(biāo),然后點(diǎn)擊購(gòu)物車(chē)的小圖標(biāo):
? ? ? ? 4,進(jìn)入你的購(gòu)物車(chē),點(diǎn)擊添加至項(xiàng)目,然后確定:
? ? ? ??
????????6,點(diǎn)擊symbol,點(diǎn)擊生成代碼,把代碼復(fù)制到你的html文檔中的script元素的src屬性:
? ? ? ? 7,點(diǎn)擊使用幫助,下拉到symbol引用,因?yàn)樯厦娲a我們已經(jīng)復(fù)制了,所以直接看第二步第三步,把它們的代碼直接復(fù)制到你需要的地方:
????????8,上面的第三步,把代碼icon-xxx換成你矢量圖的名字,注意保留#,你矢量圖的名字在下圖里面的復(fù)制代碼,點(diǎn)擊復(fù)制代碼:
完成啦,就這么簡(jiǎn)單,再見(jiàn)!