4

谷歌字体现在在中国被封锁/严重限制，我们的网站现在很慢。

我们想要处理失败情况而不是让我们的用户等待。当 Google 无法交付时，可以故障恢复使用系统字体，那么，如果我们使用下面的代码，如何解决这个问题？

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

会改用 JS API 来解决这个问题吗？

WebFontConfig = {
    google: { families: [ 'Open+Sans::latin' ] }   };   

   (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);   })();
4

4 回答 4

3

虽然我不能说这是否适用于中国，但在其他地方，这个问题可以通过在链接 URL 中使用 https 而不是 http 来解决。

于 2016-12-10T18:55:11.860 回答
1 
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

使用 https：

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

它工作正常。

于 2017-09-02T14:55:01.303 回答
0

您是否考虑过在您的网站上自己下载和托管字体？如何在我自己的服务器上托管谷歌网络字体？ 这样，所有内容都来自您的站点，因此理论上它的加载速度与您的站点加载速度一样快或一样慢。

于 2014-09-14T19:28:58.280 回答
0

截至 2016 年 8 月，此问题已得到修复。在这里查看我的答案。谷歌现在提供来自中国服务器的字体。

于 2016-09-28T16:01:35.977 回答