SVG與字體圖標(biāo)

SVG圖片是矢量圖片，不會隨著圖片的伸縮而影響質(zhì)量，通常把只有一種顏色的圖標(biāo)做成SVG，通過SVG生成字體圖標(biāo)，放到項目中使用。

https://icomoon.io/是一個比較快捷的生成字體圖標(biāo)的線上工具，進(jìn)入主頁后，點擊右上角IconMoon App按鈕，進(jìn)入圖標(biāo)制作頁面。

頁面上有很多官方提供的默認(rèn)圖標(biāo)。點擊左上角“Import Icons”可以導(dǎo)入自己的svg。

再點擊右下角Generate，然后download就可以了。下載之后，有詳細(xì)的使用demo，非常方便。

fonts目錄下是字體文件，引入到項目中，并引入style.css。按照demo.html的示例來用就可以了。

之前也用過其他字體圖標(biāo)生成工具比如http://iconfont.cn，但感覺不如https://icomoon.io/快捷。

總結(jié)

以上是生活随笔為你收集整理的css之字体图标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。