icomoon 一个可以让UI和前端友好相处的一个“字体图标”网站

好久没发文章了。刚换了新工作,一个新的环境和一批新的同事,第一天的压抑到第三天的嗨皮,很感谢大家的帮助。现在工作不忙,来给大家推荐一个字体图标网站,让UI妹子们放飞自我。

第一步:输入网址 https://icomoon.io 找到字体图标网站,头疼~~~~~~~~ 又是一个英文网站,看不懂!!!
别着急,不用看懂也能使用这个网站,记住也不需要登录,不用登录哦

icomoon 一个可以让UI和前端友好相处的一个“字体图标”网站_第1张图片
1.jpg

第二步:点击 import icons 上传做好的图标,图表格式要是SVG格式(用AI做图标,保存SVG格式的时候图标颜色统一用灰色就行,因为我们给前端的是代码,他们可以自己控制大小和颜色,不需要我们去上传有色图标)
图标上传完毕之后,用鼠标点击你所要转化的所有图标(带黄色边框的表示选中,灰色没选中),再点击右下角 Generate font F 按钮,所有的矢量图标就自动转化为字体图标了


icomoon 一个可以让UI和前端友好相处的一个“字体图标”网站_第2张图片
2.jpg

第三步:此页面是所有自己图标的展示,点击右下角的 Download 按钮 ,就可以下载转换之后的字体图标了


icomoon 一个可以让UI和前端友好相处的一个“字体图标”网站_第3张图片
3.jpg

第四步:打开下载的压缩包,直接整个文件夹给到前端就可以,他们会自己查看里面的font文件夹和style.css文件

icomoon 一个可以让UI和前端友好相处的一个“字体图标”网站_第4张图片
4.jpg

只需要给前端一个文件夹,和蓝湖上面上传的设计源文件,他们就可以编写前端页面了

你可能感兴趣的:(icomoon 一个可以让UI和前端友好相处的一个“字体图标”网站)