Fonts 视网膜显示器上加载了哪种字体？

当您在网站上添加webfont时，您可能已经添加了这行代码

@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'),
    url('../font/fontawesome-webfont.woff') format('woff'),
    url('../font/fontawesome-webfont.ttf') format('truetype'),
    url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

---

我的问题是，当您在视网膜显示器上观看网站时，会加载其中哪一个（ttf、eot、woff、woff2和SVG）？

这是否主要（可能只是）取决于我使用的浏览器？因此，根据我上面的示例，第一个加载的应该是SVG如果不受支持，它是ttf，然后是woff，最后是eot？因为Safari支持SVG，所以应该是加载到视网膜显示器上的SVG，对吗？提到的字体是矢量。视网膜在这里不算。根据前面的评论，它取决于浏览器（加载的字体），Ok认为它使用了回退，如示例中所示：

background:#fff；背景：rgba（255255,1）

在IE8中，

rgba

不能使用，因此它会返回到

背景：#fff

。