iconfont阿里称拊辘挣妈妈MUX推出的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可瓴烊椹舟将图标转换为字体,便于前端工程师自由调整与调用,今天我们看一下iconfont如何使用,希望对大家有用:
工具/原料
计算机
互联网
方法/步骤
1、1.下载原文件图标制作模板.AI图标在绘制时均以标准图标大小16x16px绘制,因为在制作成字体时文件需要设置较高的清晰度,所以图标路径也需要等比例放大。
2、2.设置图标大小设计师可以直接将画好的图标路径复制到模版里,根据模板的辅助线,对图标进行位置的调节,居中,四周等距,保证图标的统一。
3、3.另秽颢擤崮存为svg格式存储为:位置:存储为:ai规范file.ai原文件AdobeIIIustrator烫喇霰嘴(ai)IIIustratorEPS(eps)IIIustratorTemplate(ait)AdobePDF(pdf)SVG压缩(svgz)SVG(svg)格式
4、4.上传图标将SVG文件拖拽至此,或点击上传
5、5.命名图标及定义图标标签,完成上传名称标签loading-通用-1按多色图标处理添加多个tag以逗号分开填充线性扁平