在CSS3font-face中，有多种字体类型，包括ttf、eot、woff、svg和cff
为什么我们要使用所有这些类型
如果它们对不同的浏览器是特殊的，为什么它们的数量比主要的web浏览器的数量还要多
2019年答复：
仅使用WOFF2，或者如果需要旧版支持，请使用WOFF。不要使用任何其他格式
（svg和eot是死格式，ttf和otf是完整的系统字体，不应用于web目的）
2012年的原始答复：
简而言之，字体是非常古老的，但直到最近才得到超过IE的支持
-
eot对于比IE9更老的Internet Explorer来说是必需的-他们发明了规范，但eot是一个专有的解决方案 -
ttf和otf都是普通的旧字体，所以有些人很恼火，因为这意味着任何人都可以免费下载昂贵的授权字体 -
随着时间的推移，SVG1.1增加了一个“字体”章节，解释了如何纯粹使用SVG标记对字体建模，人们开始使用它。随着时间的推移，与普通的字体格式相比，它们变得非常糟糕，SVG 2再次明智地删除了整个章节
-
然后，
woff被具有相当多领域知识的人发明，这使得有可能以一种丢弃对系统安装至关重要但与网络无关的比特的方式托管字体（让人们担心盗版会让人高兴）并允许进行内部压缩，以更好地满足web的需要（让用户和主机感到高兴）。这成为首选格式 -
2019 edit几年后，
woff2被起草并接受，这改进了压缩，产生更小的文件，并能够“部分”加载单个字体，因此支持20个脚本的字体可以作为“块”存储在磁盘上，浏览器可以根据需要自动“部分”加载字体，而无需预先传输整个字体，从而进一步改善排版体验
如果你不想支持IE8及更低版本、iOS4及更低版本、android 4.3或更早版本，那么你可以使用WOFF（以及WOFF2，一种更高压缩度的WOFF，用于支持它的最新浏览器）
@字体{
字体系列：“MyWebFont”；
src:url（'myfont.woff2'）格式（'woff2'），
url（'myfont.woff'）格式（'woff'）；
}
有关对woff的支持，请访问http://caniuse.com/woff
有关对woff2的支持，请访问http://caniuse.com/woff2