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

Google字体是最简单的，我认为在网页上使用不同字体的最佳方式。因此，除非您需要更多额外内容，例如标志性字体或任何其他独特字体，否则我会推荐Google字体。

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

2 个答案: