本文作者:问几许

字体图标制作

问几许 4年前 ( 2019-03-05 ) 1358 抢沙发
字体图标制作摘要: 利用icomoon生成字体图标Step1:浏览器打开 icomoon;Step2:导入svg图标。点击左上角的“import icons”按钮,选择您想要制作成字体的sv...

利用icomoon生成字体图标

Step1:浏览器打开 icomoon


Step2:导入svg图标。点击左上角的“import icons”按钮,选择您想要制作成字体的svg图标;


Step3:导出字体图标及demo。选中您需要的图标字体,点击页面最下方的“Font”按钮,在download之前还可以进行些个人的配置。点“Preferences”按钮,可以设置你的字体的名字(Font Name)、样式的前缀或后缀、如果需要兼容IE7及以下的浏览器请勾选上,等还有更多不太常用详细的选项。配置后之后,download it!


Step4:拷贝你所需要的资源到自己的项目。解压文件后,里面有一个示例的demo页面,大家可参考里面的写法,然后把所用的fonts和样式拷贝到自己的项目中,大功告成啦!


Icomoon是目前我所知道的最好用的字体图标工具,它包含免费版和收费版本,免费的图标就有1000+款,具体可在它的library里面查看添加或移出;另外它还可以在Chrome web Store中使用。更多强大功能还等你发现哦。



文章版权及转载声明

作者:问几许本文地址:https://wenjixu.com/blog/49.html发布于 4年前 ( 2019-03-05 )
文章转载或复制请以超链接形式并注明出处问几许

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,1358人围观)参与讨论

还没有评论,来说两句吧...