在寫前端頁(yè)面時(shí),很多小伙伴會(huì)用到字體圖標(biāo)。這里說(shuō)一下如何使用阿里巴巴的字體圖標(biāo)。
步驟:
搜索圖標(biāo)——加入購(gòu)物車——添加至項(xiàng)目——下載至本地
下載完解壓,選擇里面的demo_unicode.html打開(kāi),會(huì)看到style里面的樣式,如下圖:
把這個(gè)樣式拿到你自己的css樣式表里面,這個(gè)是一定要有的。
最后把下載下來(lái)的四個(gè)文件放到你整個(gè)站點(diǎn)下的css文件夾里面。(紅色框內(nèi)的文件)
下面就可以直接用圖標(biāo)了,下載的圖標(biāo)都在demo_unicode.html文件里面。
要用哪個(gè)直接復(fù)制代碼過(guò)去就可以。當(dāng)然,如果后來(lái)還需要下載圖標(biāo),下載完之后直接把上面四個(gè)文件覆蓋你現(xiàn)在的就可以。