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