2

我上传了一个我们公司外包的登录页面，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 是否有什么特别之处无法显示字体？

4

3 回答 3

3

我想到了。我正在使用 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$

于 2012-08-31T01:38:17.007 回答
1

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

于 2012-08-31T01:34:15.097 回答
0

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

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

于 2014-06-08T00:59:35.440 回答