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

我明白了。我正在使用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 2

您是在本地，开发服务器上运行测试，还是沿着这些线路运行测试？检查Firebug的控制台，您应该能够在下载中找到错误，例如404，或权限，或类似的东西。

Answer 3

如果在Firefox中使用Noscript：打开NoScript选项，转到嵌入选项卡并取消选中：禁止@ font-face

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

中所述

Firefox不从Google Font API渲染字体

3 个答案: