好久没发文章了。刚换了新工作,一个新的环境和一批新的同事,第一天的压抑到第三天的嗨皮,很感谢大家的帮助。现在工作不忙,来给大家推荐一个字体图标网站,让UI妹子们放飞自我。
第一步:输入网址 https://icomoon.io 找到字体图标网站,头疼~~~~~~~~ 又是一个英文网站,看不懂!!!
别着急,不用看懂也能使用这个网站,记住也不需要登录,不用登录哦
第二步:点击 import icons 上传做好的图标,图表格式要是SVG格式(用AI做图标,保存SVG格式的时候图标颜色统一用灰色就行,因为我们给前端的是代码,他们可以自己控制大小和颜色,不需要我们去上传有色图标)
图标上传完毕之后,用鼠标点击你所要转化的所有图标(带黄色边框的表示选中,灰色没选中),再点击右下角 Generate font F 按钮,所有的矢量图标就自动转化为字体图标了
2.jpg
第三步:此页面是所有自己图标的展示,点击右下角的 Download 按钮 ,就可以下载转换之后的字体图标了
3.jpg
第四步:打开下载的压缩包,直接整个文件夹给到前端就可以,他们会自己查看里面的font文件夹和style.css文件
4.jpg只需要给前端一个文件夹,和蓝湖上面上传的设计源文件,他们就可以编写前端页面了
网友评论