我看到一大堆代码声明如下:
@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
,woff2
and和embedded-opentype
有什么好处,还是有一种适用于所有东西的源类型?
我认为这是一个后备,但文档并没有真正谈论这个:https://developer.mozilla.org/en-US/docs/Web/CSS/%40font-face