详细步骤教你把svg运用到项目中

开始

进入icoMoon,点击右上角【icoMoon App】进入操作界面

详细步骤教你把svg运用到项目中_第1张图片
操作界面

点击左上角【import icons】,导入你的svg图

详细步骤教你把svg运用到项目中_第2张图片
导入完成

完成后选中

详细步骤教你把svg运用到项目中_第3张图片
选中图片

点击右下角【generate font】,生成图标字体

详细步骤教你把svg运用到项目中_第4张图片
生成图标字体

点击【get code】按钮显示用法

详细步骤教你把svg运用到项目中_第5张图片
图标字体用法

点击右下角【download】

下载压缩包,有一个【style.css】文件,引入你的项目中,按照压缩包中【demo.html】中的用法就能够使用了~
(p.s下载前可以进行预设)

你可能感兴趣的:(详细步骤教你把svg运用到项目中)