图标字体的制作

在前端开发中,一些单色的小图标,可以制作成svg的格式,

然后使用一个叫icoMoon的一个网站,网址:https://icomoon.io/将其制作成icon样式文件

这样可以减少很多图片的请求

点击右上角按钮,进入下面这个页面

点击左上角inport icons按钮,然后选择所有的svg文件

会生成如下的图标,然后选中所有的生成的图标,然后点击Generate Font按钮

修改文件名字

下载好之后,将fonts目录下的文件和style.css文件复制到项目中,然后再开发代码中将style.css文件引入,在需要用到哪个icon就把相应的class引入即可

在实际项目中,如果使用stylus的话,将这个文件的后缀名改为styl,并且将{};去掉

 

原文地址:https://www.cnblogs.com/LO-ME/p/7286760.html