美文网首页
自定义FontIcon制作方法

自定义FontIcon制作方法

作者: 梦享者 | 来源:发表于2017-09-07 17:57 被阅读0次

自定义FontIcon制作:

1.详解使用icomoon生成字体图标的方法并应用:http://blog.csdn.net/u013938465/article/details/50680468

2.SVG格式矢量图转字体图标网站使用教程(IcoMoon的用法(SVG转化为ICONFONT)):http://blog.csdn.net/HeliumLau/article/details/62218120

IcoMoon网站:https://icomoon.io/app/#/select

方法:首先制作或者下载矢量图标到本地(若为一整套图标,首先确定SVG格式图标尺寸一致,否则会造成图标字体生成大小不一,开发使用不好控制尺寸,或者影响页面图标统一性),将Icomoon网站打开登录(我使用的邮箱:xuejingjing@yaoyingli.com),点开IcoMoon APP页面,点击import icon按钮,之后一次性选择将要制作成字体图标的SVG文件,上传成功后选中刚才上传的所有图标,点击右下角Generate Font按钮,之后点击download,这时浏览器下载了字体安装包,将字体安装包直接交给前段开发将字体应用入代码中即可。

下载成功! 解压文件夹 交给开发,开发根据代码可修改样式等,所以颜色不用太固定

相关文章

网友评论

      本文标题:自定义FontIcon制作方法

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