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

我想这应该是一个常见的问题，但谷歌搜索并没有给我太多关于这个话题的信息

我们目前正在开发一个web应用程序。它同时使用字体和字形图标，因为它们都不能单独为我们提供完整的图标集。我们只使用这两种字体中的大约25个图标，但它们的字体文件重量约为2.5MB，这为优化留下了很大的空间。我们想我们可能不应该让用户只为这25个图标下载2.5MB的数据（100KB/图标）。同时，我们可能不想要求设计服务为我们定制这些图标，因为这些现有的图标质量合理，而且是免费的

所以我的问题是：有没有一种方法可以从这两种字体的文件中提取我们需要的图标，合并它们，并将它们保存为一种新的字体，以便在CSS中使用？我想，省去像这样未使用的图标将大大减少文件大小

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

如有任何意见，将不胜感激

谢谢

这可能有助于：

这个项目提供了一个非常棒的字体构建，可拆分为不同大小的SVG（可伸缩）和PNG文件-16、22、24、32、48、64、128、256像素以及颜色-黑白

有人建议使用&

资料来源：

---

font-awesome可以通过CDN在这里使用：您不需要包含整个字体文件，只需从那里加载即可。是的，您是对的。但我们还是更喜欢精简的方法，这听起来很有希望。我会检查链接，并接受这个答案，如果它变成一个工作的解决方案。谢谢我接受这一点，因为链接是有意义的。但是我还没有实现这个解决方案。实施可能需要一段时间，我会稍后再讨论。如果你根本无法达到要求的结果，我希望你能重新发布你的问题。（IMO，这应该行得通）