声明字体时使用多个字体文件类型源有好处吗？答案

【问题标题】：Is there a benefit to using multiple font file type sources when declaring a font-face?声明字体时使用多个字体文件类型源有好处吗？
【发布时间】：2018-03-05 23:02:36
【问题描述】：

我看到一大段代码是这样声明的：

@font-face{
    font-family: 'SourceCodePro-Regular';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceCodePro-Regular'),     
         url('assets/fonts/EOT/SourceCodePro-Regular.eot') format('embedded-opentype'),
         url('assets/fonts/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2') format('woff2'),
         url('assets/fonts/WOFF/OTF/SourceCodePro-Regular.otf.woff') format('woff'),
         url('assets/fonts/OTF/SourceCodePro-Regular.otf') format('opentype'),
         url('assets/fonts/TTF/SourceCodePro-Regular.ttf') format('truetype');
}

为此拥有一堆不同的来源有什么好处吗？ IE。要求 truetype、opentype、woff、woff2 和 embedded-opentype 有什么好处，或者是否有适合所有情况的源类型？

我认为这是一个后备，但文档并没有真正谈论这个：https://developer.mozilla.org/en-US/docs/Web/CSS/%40font-face

【问题讨论】：

css-tricks.com/snippets/css/using-font-face
是的，它用于备用。该页面上的兼容性图表确实提到，例如，WOFF 支持已经存在了一段时间，而 WOFF2 支持相对较新。不知道还有什么要说的。
啊，酷。感谢@Morpheus，这是一个有用的资源。

标签： css cross-browser font-face

【解决方案1】：

不同的文件类型适用于不同的浏览器。
这是一个很好的概述：

来源：CreativeMarket

【讨论】：

【解决方案2】：

我认为这是一个后备，

确实如此（无论如何，后备意味着一种好的字体格式，而不是支持程度不同的字体格式的混合）。

但是文档并没有真正谈论这个

确实如此。从您链接到的页面：

【讨论】：