close

怎样使用icomoon.io 网站

首先用Adobe illustrator创建或者转化自己的svg图片。

打开https://icomoon.io/,点击右边的icomoon app。你会看到预设好的icon,

点击左侧汉堡包导航可以创建项目名称,点击import icons 可以导入自己用adobe iilustrator做的svg来生成icon。点击那个icon library 就可以添加库中的免费icon来生成svg,png或者生成icon。右边有选择,移动,删除还有搜索几个选项。

以免费的库中的icon为例,先点选自己需要的icon,然后再点击最下面的generate font,

点击跳出面板的preferences, 就可以跳出设置面板,可以把font name 改成自己想要的任何名字,也可以更改自己的自定义的class prefix,可以设置css selector, 比方说你css selector选择的是 i 模式,那么这个icon的选择方式就是 <i class=”wy-angry2″></i>,如果你选择的是 use attribute selectors, 那么出来的模式是 <span class=”ic-flag”></span>, 如果你选择的是use a class, 那么引用的方式就是<span class=”icon class-mail-remove1″></span>。

选择好之后就可以点击右下角的download 进行下载。 把fonts文件夹放到css文件夹里。

Share :