Firefox 不从 Google Font API 渲染字体

Question

我上传了一个我们公司外包的登录页面，Firefox 不渲染Lato 字体，而是退回到更底层的东西。

我们从 fonts.googleapis.com 获得了以下样式表。

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}

在 IE、Chrome、Opera 和 Safari 中没有问题。 Firefox 是否有什么特别之处无法显示字体？

Answer 1

如果在 Firefox 中使用 Noscript： 打开 NoScript Options，转到 Embeddings 选项卡并取消选中：Forbid @font-face

如所述：https://developers.google.com/fonts/docs/troubleshooting

Answer 2

我想通了。我正在使用 NoScript 插件。它保护我免受来自谷歌的 XSS 攻击的威胁，即使整个网站都被允许。 :D

我会研究 noscript 中是否有允许使用字体的设置，并将我的发现发布在这里。

这不太可能给我们的客户带来问题。如果他们自己使用 NoScript，他们可能不会为着陆页上的字体而烦恼。

编辑：

我能够得到这个工作。在NoScript > Options 下，我选择了Advanced 选项卡和XSS 选项卡。然后我添加了以下异常：

^https://themes\.googleusercontent.com/static/fonts/lato/v6/[a-zA-Z\-_0-9]*\.woff$

它比它需要的更具体。可以根据需要修剪子文件夹以允许更多站点。例如，以下内容应启用大多数字体：

^https://themes\.googleusercontent.com/static/fonts/[/a-zA-Z\-_0-9]*\.woff$

Answer 3

您是在本地、在开发服务器上还是在类似的地方运行测试？检查 Firebug 的控制台，您应该能够在下载中找到错误，例如 404、权限或类似内容。