IconFont-阿里巴巴矢量圖標(biāo)庫(kù)
網(wǎng)址
具體使用方法
1 用GitHub賬號(hào)登錄
2
-搜索想要的圖標(biāo)
-鼠標(biāo)放在圖標(biāo)上
-選購(gòu)物車(chē)添加入庫(kù)
3
-點(diǎn)擊主頁(yè)面導(dǎo)航右側(cè)購(gòu)物車(chē)
-添加至項(xiàng)目(沒(méi)項(xiàng)目自己新建一個(gè))
4 三種使用方式 我們使用 Font class 方式
image.png
//HTML
<body>
//--------------------------------------------------使用i標(biāo)簽
//--------------------------------------------------iconfont 必帶
//--------------------------------------------------icon-home 圖標(biāo)名稱(chēng) (上圖步驟 3 復(fù)制想要的圖標(biāo)名稱(chēng))
<i class="yxh iconfont icon-home"></i>
</body>
//CSS
//---------------------------------------------------引用圖標(biāo)css (上圖片步驟 1-2)
<link rel="stylesheet" />
<style>
//---------------------------------------------------可用字體形式修改圖標(biāo)大小顏色
.yxh{
color: pink;
font-size: 100px
}
</style>
