字体google api：无法解码下载的字体答案

【问题标题】：Fonts google api: Failed to decode downloaded font字体google api：无法解码下载的字体
【发布时间】：2017-08-12 21:08:51
【问题描述】：

对于一个项目，我使用 Typekit 的 Webfontloader 来加载我的谷歌字体。我从这种通常的语法中加载字体：

{
    "google": {
        "families": [
            "Alegreya Sans:400,400italic,700,700italic",
            "Arvo:400,400italic,700,700italic",
            "Averia Libre:400,400italic,700,700italic",
            "Averia Sans Libre:400,400italic,700,700italic",
            "Josefin Sans:400,400italic,700,700italic",
            "Josefin Slab:400,400italic,700,700italic",
            "Karla:400,400italic,700,700italic",
            "Lobster Two:400,400italic,700,700italic",
            "Lora:400,400italic,700,700italic",
            "Montserrat Alternates:400,400italic,700,700italic",
            "Playfair Display SC:400,400italic,700,700italic",
            "Raleway:700italic,700,400italic,400:latin",
            "Roboto Condensed:400,400italic,700,700italic",
            "Roboto:400,400italic,700,700italic",
            "Rubik:400,400italic,700,700italic",
            "Sansita:400,400italic,700,700italic",
            "Ubuntu:700italic,700,400italic,400"
        ]
    }
}

结果大多数时候是正确的，但有时是错误的。我有时会在随机字体（并不总是相同的字体）上收到类似 this 的加载错误。

解码不起作用是正常的，因为这个 url:https://fonts.gstatic.com/stats/Josefin+Slab/normal/400 给出了一个204 (no content) 响应。当我查看问题时，我发现该 url 来自 google 的 api url 的 css 响应：

响应的错误部分：

/* sampled usage */
@font-face {
  font-family: 'Averia Libre';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/stats/Averia+Libre/italic/400);
  unicode-range: U+20;
}

每次有/* sampled usage */评论时，url都是错误的。我做了一个多次调用 url 的集成测试。在那里你可以看到结果多次是错误的。

邮递员收藏：
https://www.getpostman.com/collections/923fee0336dfbf961be9

结果：
http://i.gyazo.com/80effb10e70fe6c41ee4df78439a1e50.mp4

有人可以帮我解决这个问题吗？我已经尝试过没有字体样式和更少的字体，但问题仍然弹出。

【问题讨论】：

标签： fonts

【解决方案1】：

我不得不手动复制所有导入并将它们粘贴到我自己的文件中并注释掉采样的用法片段，多么烦人......

【讨论】：

Hmz，不适合我。在我的项目中，字体是为每个用户动态/自定义加载的。但感谢您的回复。

【解决方案2】：

在我们的自动浏览器测试期间，我们遇到了完全相同的情况。不常见，但在这些测试期间发生的页面加载次数非常多，足以引起注意。

但是，使用 Web Font Downloader 似乎可以解决问题！

【讨论】：