html - 有没有更好的使用@font-face 的方法

Question

使用此代码我可以获得跨浏览器兼容性，但问题是，这里我需要添加大量相同字体的文件类型，如何避免这种情况并仍然能够获得跨浏览器兼容性？

@font-face {
    font-family: 'Name';
    src: url('location.eot');
    src: url('location.eot#iefix') format('embedded-opentype'),
         url('location.woff') format('woff'),
         url('location.ttf') format('truetype'),
         url('location.svg#Name') format('svg');
    font-weight: normal;
    font-style: normal;
}

Answer 1

你不能真正避免它，因为浏览器有不同的支持。如果问题是您不想自己托管它们，Google Fonts有多种可以免费使用的好字体。但是，如果您有一种更独特的字体，那么如上所述，您将无法以任何其他方式进行操作。

Answer 2

谷歌字体是最简单的，我认为在网页上使用不同字体的最佳方式。所以我会推荐谷歌字体，除非你需要更多的东西，比如标志性字体或任何其他独特的字体。