【问题标题】:Load webfont only if font not available locally仅当本地字体不可用时才加载 webfont
【发布时间】:2015-02-22 08:22:05
【问题描述】:

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

现在有更好的方法吗?

【问题讨论】:

    标签: javascript jquery css fonts


    【解决方案1】:

    您提到的解决方案仍然有效,但是将本地字体优先于网络源甚至不需要使用 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

    希望有所帮助。

    【讨论】:

      猜你喜欢
      • 2013-01-08
      • 1970-01-01
      • 2012-08-21
      • 2020-08-14
      • 2015-12-21
      • 1970-01-01
      • 1970-01-01
      • 2012-04-23
      • 1970-01-01
      相关资源
      最近更新 更多