SVG與字體圖標(biāo)

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

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

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

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

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

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

總結(jié)

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

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