ubuntu - 为什么在 ubuntu 18.04 上的 Firefox 上没有加载谷歌字体？

Question

我收到这条消息:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://fonts.googleapis.com/css?family=Montserrat:400,500,6…700%7COpen+Sans:300,300i,400,400i,600,600i,700,700i%7CImpact. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

这是页面上加载的 javascript:

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
  WebFont.load({
    active: function() {
      $(document).trigger('fonts-loaded')
    },
    google: {
      families: ['Montserrat:400,500,600,700', 'Open Sans:300,300i,400,400i,600,600i,700,700i', 'Impact']
    }
  });
</script>

我了解该问题的基础知识，但我不明白作为客户端我能做些什么来修复它，因为我能找到的所有解决方案都是服务器端的。

这是网址 https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7COpen+Sans:300,300i,400,400i,600,600i,700,700i%7CImpact

Answer 1

1) 要解决此问题，请使用带有开发工具的浏览器，例如 Chrome 和 Firefox:

使用谷歌字体打开浏览器和网页

按 F12 :您应该看到开发者工具的窗口

重新加载网页

工具:切换到网络选项卡

现在您可以准确地看到服务器的响应，带有 HTTP header

这样您就可以看到 CORS 设置。

2)可能他们只是阻止“本地主机”

您可以尝试将页面放到网上(在面向互联网的主机上)吗？

3)从另一个位置加载字体

有免费的 CDN 缓存最常用的库。
我建议您尝试从 Cloudflare 加载 Google 字体