跳转到主要内容

Fontawesome图标虽然丰富,但是默认过于庞大,需要自己手动编辑修改。通过访问https://icomoon.io/app在线选择并导出字体素材,可以把多个icon平台的图标汇总到一起并导出使用。

如果您只是简单使用图标字体,不需要保持Fontawesome这种文件的固定结构(例如当做图标库的依赖供第三方插件使用,如Drupal模块)则可以使用本方法。否则请参考Fontawesome的手动优化方法

访问网站 并选择图标库

图像
从icomoon.io中引入字体图标_1

选择“Add Icons From Library…”后进入下图选择需要的图标库,注意一些收费版本需要付费才可以选择。

图像
从icomoon.io轻松引入字体图标_2

选择需要导出的图标

在选中图标库之后,选择页面会列出所有可选的图标,点选需要的图标。然后在页面的底部选择导出,注意左边可以导出svg图标,推荐用svg,右边可以导出webfont字体图标。点击导出后,导出按钮会变成download按钮,可以设置下载选项并下载,默认即可。

图像
从icomoon.io轻松引入字体图标_3

下载下来的文件包,包含了svg和svg打包文件,demo里面有使用样例。按照样例方法在自己网站中即可轻松引用字体图标了。

图像
从icomoon.io轻松引入字体图标_4
分类