iconfont的使用方法

 时间:2024-11-07 06:45:02

iconfont阿里称拊辘挣妈妈MUX推出的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可瓴烊椹舟将图标转换为字体,便于前端工程师自由调整与调用,今天我们看一下iconfont如何使用,希望对大家有用:

工具/原料

计算机

互联网

方法/步骤

1、1.下载原文件图标制作模板.AI图标在绘制时均以标准图标大小16x16px绘制,因为在制作成字体时文件需要设置较高的清晰度,所以图标路径也需要等比例放大。

iconfont的使用方法

2、2.设置图标大小设计师可以直接将画好的图标路径复制到模版里,根据模板的辅助线,对图标进行位置的调节,居中,四周等距,保证图标的统一。

iconfont的使用方法

3、3.另秽颢擤崮存为svg格式存储为:位置:存储为:ai规范file.ai原文件AdobeIIIustrator烫喇霰嘴(ai)IIIustratorEPS(eps)IIIustratorTemplate(ait)AdobePDF(pdf)SVG压缩(svgz)SVG(svg)格式

iconfont的使用方法

4、4.上传图标将SVG文件拖拽至此,或点击上传

iconfont的使用方法

5、5.命名图标及定义图标标签,完成上传名称标签loading-通用-1按多色图标处理添加多个tag以逗号分开填充线性扁平

iconfont的使用方法

C4D R20安装教程 附安装包 C4D从哪里能够同等噪点分布 AE中怎么做下雪的效果? 如何用C4D的RealFlow做出水果与液体交互效果 c4d运动摄像机在哪可以创建
热门搜索
韩国邪恶漫画 娃娃鱼图片 童年图片 消防宣传图片 大肠杆菌图片