自定义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，这时浏览器下载了字体安装包，将字体安装包直接交给前段开发将字体应用入代码中即可。