web.jpeg

字體圖標(biāo)的2個(gè)常用的網(wǎng)站

2個(gè)常用的網(wǎng)站 [圖片上傳中...(12.png-40632-1570865652977-0)]
前端：http://f2er.club/ 制作字體圖標(biāo)網(wǎng)站：https://icomoon.io/

生成字體圖標(biāo)的步湊

第一步：打開網(wǎng)站

12.png

第二步：直接選擇想要的svg圖標(biāo) -->制作成-->字體圖標(biāo)

13.png

或者導(dǎo)入自己的svg圖標(biāo) -->制作成-->字體圖標(biāo)

15.png

第三步： 下載

14.png

第四步：

fonts demo.html style.css 將要使用到這三文件

16.png

字體圖標(biāo)生成完畢， 下面使用字體圖標(biāo)

第一步：查看圖標(biāo)對應(yīng)的字體編碼：

18.png

第二步： :: 委元素選著器

17.png

或者 復(fù)制 里面的內(nèi)容 粘貼在標(biāo)簽里面 直接使用

image.png