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

【问题标题】：Which Fontfile to use in a website?在网站中使用哪个字体文件？
【发布时间】：2018-12-25 18:57:10
【问题描述】：

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

据我所知，我应该使用 WebFonts 但我可以看到有很多字体文件。

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

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

【问题讨论】：

基本上它是为了浏览器支持，这并不意味着所有用户都必须加载所有这些字体，请参阅：stackoverflow.com/questions/11002820/…
@caiovisk 谢谢，但我想让我的项目保持 2MB，这意味着我无法打包完整的 FontAwesome
woff 似乎是您想要使用的格式。这应该对您有所帮助：stackoverflow.com/questions/37086562/… / css-tricks.com/understanding-web-fonts-getting
根据您实际使用的图标数量，您可能需要考虑直接使用那些单独的图标 .svg 文件（无字体文件）
@joknawe 因为我的项目是 WP 的框架，所以我无法定义需要哪些图标。所以在 fontawesome 中，WOFF2 很好，对吧？

【解决方案1】：

截至本文发布时，您选择的字体 FontAwesome 包含 3,332 个不同的字形。您认为加载此文件五次会占用一些严重的系统资源是非常正确的。

但是……

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

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

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

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

【讨论】：

因为我正在开发一个自定义的 WP 框架，所以我不能强迫用户使用更少的 glyps
@Varun Sridharan 你是说你可以选择字体格式，但不能选择字体本身？（或者正如joknawe 明智地建议的那样，一种基于图像的解决方案。）
我不确定。你是什么意思。这是我的框架 (github.com/wponion/dev)，我想在其中不仅包括 fontawesome，还包括一些顶级图标字体。但大小剂量对我很重要。