用于提取/合并多个字体文件并将其与CSS一起使用的工作流程

时间:2014-06-29 11:51:54

标签: css fonts font-awesome glyphicons

我想这应该是一个常见的问题,但谷歌搜索并没有给我很多关于这个主题。

我们目前正在开发一个网络应用。它使用Font Awesome和Glyphicons,因为它们都不能为我们提供完整的图标集。我们只使用这两种字体中的大约25个图标,但它们的字体文件重约2.5MB,这为优化留下了很大的空间。我们猜测我们可能不应该让用户只为这25个图标下载2.5MB的数据(100KB / icon)。同时,我们可能不想要求设计服务为我们定制这些图标,因为这些现有的图标质量合理且免费。

所以我的问题是:有没有办法从2个字体的文件中提取我们需要的图标,合并它们,并将它们保存为用于CSS的新字体?我想像这样遗漏掉未使用的图标会大大减少文件大小。

当然,一种便宜的方法是制作每个图标的像素版本,然后制作一个带有大PNG中所有像素化图标的精灵,但这会丢失许多字体图标的优良属性,我们不想要。

任何意见都会受到赞赏。

谢谢!

1 个答案:

答案 0 :(得分:0)

这可能有所帮助:

Font-Awesome-split_into_individual_SVG-PNG

这个项目提供了一个Font-Awesome构建版本,分为不同大小的单个SVG(可缩放)和PNG文件--16,22,24,32,48,64,128,256像素以及颜色-Black&白。

有人建议使用IcoMoon& Font Custom

源:

How can I edit Font Awesome (or include my own icons)?

Add custom icons to font awesome