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

Question

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

1. JS
2. 带JS的SVG
3. Web字体

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

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

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

实际上，如果我添加所有占用过多空间的字体文件，我总共需要[13]个项目。

Answer 1

截至本文发布时，您选择的字体FontAwesome包含3,332个不同的字形。您完全可以假设将文件加载五次会占用一些严重的系统资源。

但是……

通常在将Webfont用于图标时，我们仅使用字体中定义的许多图标中的一部分。如果您仅使用FontAwesome中的三或四个字形，则加载五次对于您的系统来说应该是轻而易举的事情。

如何执行此操作？使用字体设置服务。在其网站上提供免费且易于遵循的说明。有好几种，但就我个人而言，我在fontello上取得了成功：http://fontello.com

我已经从FontAwesome子集中（动词？）大约20-25个图标（超出了我的需要），以在我的网站上提供简单的图标，并且文件大小小于60KB，总和。

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