声明font-face时使用多个字体文件类型源是否有好处？

Posted 2021-04-13

我看到一大堆代码声明如下：

@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');
}

为此拥有一堆不同的来源是否有好处？即。要求truetype，opentype，woff，woff2and和embedded-opentype有什么好处，还是有一种适用于所有东西的源类型？

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

答案

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

资料来源：CreativeMarket

另一答案

我认为这是为了后退，

它（或多或少无论如何，后备意味着一个好的字体格式，而不是那么好的支持，而不是具有不同支持级别的混合字体格式）。

但文档并没有真正谈到这一点

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