SVG與字體圖標

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

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

頁面上有很多官方提供的默認圖標。點擊左上角“Import Icons”可以導入自己的svg。

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。