Css 在网站中使用哪个文件？

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

JS

带JS的SVG

网络字体

至于我所知道的，我应该使用webfont，但是我可以看到有很多字体文件

eot

svg

ttf

沃夫

沃夫2

是否所有字体格式都是必需的？ 我们只能使用SVG吗

---

实际上，如果我添加了所有字体文件，我需要的项目总容量为

2MB

，这会占用太多的空间。

截至本帖，您选择的字体FontAwesome包含3332个不同的字形。假设将此文件加载五次将占用一些严重的系统资源，这是非常正确的

但是…

通常，当使用webfont作为图标时，我们只使用字体中定义的许多图标的一部分。如果您只使用FontAwesome中的三到四个glyph，那么加载这五次对于您的系统来说应该是一件轻松的工作

如何做到这一点？使用字体子集服务。在其网站上提供免费且易于遵循的说明。有好几种，但就我个人而言，我与方泰罗合作取得了成功：

我已经从FontAwesome（比我需要的更多）中分了20-25个图标（动词？），在我的网站上提供了简单的图标，文件大小总共在60KB以下

---

当然，我们为什么要把这些东西装五次？最大化跨浏览器兼容性。简单明了。这就做到了。

基本上它是为了支持浏览器，这并不意味着所有用户都必须加载所有这些字体，请参阅：@caiovisk谢谢，但我想保留我的项目2MB，这意味着我无法打包完整的FontAwesomewoff，这似乎是您想要使用的格式。这将有助于你：/根据你实际使用的图标数量，你可能会考虑只使用那些单独的图标.SVG文件（没有字体文件）@ JokaWe，因为我的项目是WP的框架，所以我不能定义哪些图标是必需的。所以在fontawesome中，WOFF2是好的，对吗？因为我正在开发一个定制的WP框架，所以我不能强迫用户少用它glyps@VarunSridharan你是说你可以选择字体格式，但不能选择字体本身？（或者像joknawe明智地建议的那样，基于图像的解决方案）我不确定。你是什么意思。这是我的框架（）。但是剂量的大小对我很重要。