icomoon矢量字体图标的使用

icomoon是一个专门制作矢量字体图标的在线服务系统,在其官网上有大量已经设计好的字体图标,选择下载即可,也可以自定义字体图标。

icomoon 官网:https://icomoon.io/

下面介绍一下 使用方法

1.右上角 IcoMoon App ,打开 https://icomoon.io/app/#/select,在这个工作台,选择或者导入自定义的Icons

2.选择完毕,点击右下角的 Generate Font ,然后点击下载,得到这个文件夹

3.把fonts文件夹和style.css文件导入项目中,即可。

style.css有对应的icon-home类:如果需要修改字体图标的样式,可以在这里修改,比如修改颜色。

猜你喜欢

转载自blog.csdn.net/aganliang/article/details/87430404