所有其他浏览器都没有显示谷歌字体

时间:2015-01-07 20:57:09

标签: css google-chrome google-font-api

我很难让谷歌字体在Chrome中运行

我使用谷歌建议的链接元素来检索字体(开发工具确认工作正常)。

link rel =" stylesheet" HREF =" HTTP://fonts.googleapis.com/css家族= +的Roboto简明:400italic"

在CSS文件中,我将font-family设置为' Roboto Condensed'适用于所有h2,按钮,选择和输入元素

在Google Chrome中,不会显示字体。我已将我遇到问题的实际文件上传到http://gmwildlife.org.uk/mapapp/_dev/

关联的css文件为http://gmwildlife.org.uk/mapapp/_dev/style/app.css

在检查Chrome中的开发工具时,我可以确认以下内容 * Roboto被客户成功检索 - 我可以看到响应文本
*例如,在检查输入元素时,我可以看到计算出的字体系列是Roboto Condensed,即Chrome不计算css特异性覆盖Roboto Condensed在其他地方
*控制台日志中没有报告错误

我认为这可能与此处报告和解决的问题相同[{3}}

但是,我已经单独和一起尝试了CSS webkit解决方法和javascript解决方法,但两者都没有起作用。任何帮助将不胜感激。我花了两天时间重写页面的大块并尝试使用各种组合一起破解解决方案而没有结果,即单独和一起请求打开sans和roboto(如现在),将样式放在DOM中的不同位置

感谢您阅读本文。

1 个答案:

答案 0 :(得分:0)

解决:这是因为我使用的Roboto字体是斜体。在谷歌浏览器中,我通过在每次调用font-family之后添加'font-style:italic'来修复此问题:'Roboto Condensed'。我在这里留下了破碎的版本gmwildlife.org.uk/mapapp/_dev,固定版本在这里gmwildlife.org.uk/mapapp