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

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

作者: ui_小鸡蛋 | 来源:发表于2018-06-05 16:14 被阅读68次

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

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

    1.jpg

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


    2.jpg

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


    3.jpg

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

    4.jpg

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/rzzpsftx.html