在网站中使用哪个字体文件？

Question

伙计们，我正在做一个自定义项目，我需要很棒的字体 但是当检查 fontawesome 字体文件时，我可以看到它们提供了很多选项

1. JS
2. 带 JS 的 SVG
3. 网络字体

至于我知道我应该使用 WebFonts 但是我可以看到有很多字体文件。

1. eot
2. svg
3. ttf
4. woff
5. woff2

是否需要所有字体格式？ 我们可以只使用 SVG 吗？

实际上我需要我的项目总共 2MB 如果我添加所有的字体文件它占用太多 space。

Answer 1

截至发帖为止，您选择的字体 FontAwesome 包含 3,332 种不同的字形。您假设加载此文件五次将占用一些严重的系统资源是非常正确的。

然而…

通常在使用网络字体作为图标时，我们只使用字体中定义的众多图标中的一部分。如果您仅 使用 FontAwesome 的三个或四个字形，那么加载这五次对于您的系统来说应该是轻而易举的工作。

如何做到这一点？使用字体子集服务。他们网站上的免费且易于遵循的说明。有几个，但我个人在 fontello 上取得了成功：http://fontello.com

我从 FontAwesome 中提取（动词？）大约 20-25 个图标（比我需要的多）以在我的网站上提供简单的图标，并且文件大小小于 60KB，总计。

当然，我们加载这五次的原因是什么？最大化跨浏览器兼容性。干净利落。这样做。