css之字体图标

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/快捷。