仅当字体在本地不可用时才加载webfont

Question

我看到了Remy Sharp关于如何检测字体是否存在的解决方案，但它是一个非常古老的实现。 https://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript

现在有更好的方法吗？

Answer 1

您提到的解决方案仍然有效，但优先考虑Web源上的本地字体甚至不需要使用Javascript编码。您可以使用CSS font-face中的src规范顺序执行此操作。您在其中提及的源的顺序在尝试优先查找字体时保持不变。因此，如果您首先放置本地源，它们将被使用（如果存在）而不是从Web URL下载。有关更多详细信息和参考，您可以看到以下内容：

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=en#defining-font-family-with-font-face

希望有所帮助。