当所有其他浏览器都显示时，Chrome 不显示谷歌字体
Posted
技术标签:
【中文标题】当所有其他浏览器都显示时，Chrome 不显示谷歌字体【英文标题】：Chrome is not displaying google fonts when all other browsers do 【发布时间】：2015-03-05 21:10:04 【问题描述】：我很难让谷歌字体在 Chrome 中工作
我正在使用 Google 建议的链接元素来检索字体（开发工具确认可以正常工作）。
link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic"
在 CSS 文件中，我将所有 h2、按钮、选择和输入元素的字体系列设置为“Roboto Condensed”
在谷歌浏览器中，只有字体不显示。我已将遇到问题的实际文件上传到http://gmwildlife.org.uk/mapapp/_dev/
关联的css文件是http://gmwildlife.org.uk/mapapp/_dev/style/app.css
在 Chrome 中检查开发工具时，我可以确认以下内容 * 客户端成功检索到 Roboto - 我可以看到响应文本 * 例如，在检查输入元素时，我可以看到计算的字体系列是 Roboto Condensed，即 Chrome 没有计算 css 特异性正在覆盖其他地方的 Roboto Condensed * 控制台日志中没有报错
我认为这可能与此处报告并解决的问题相同Google Fonts are not rendering on Google Chrome
但是，我已经单独和一起尝试了 CSS webkit 解决方法和 javascript 解决方法，但都不起作用。任何帮助将不胜感激。我花了两天时间重写页面的大部分内容，并尝试使用各种组合来破解解决方案而没有结果，即分别请求打开 sans 和roboto（就像现在一样），将样式放置在 DOM 中的各个位置。
感谢您阅读本文。
【问题讨论】：
已解决：这是因为我使用的 Roboto 字体是斜体。在 Google Chrome 中，我通过在每次调用 font-family:'Roboto Condensed' 后添加 'font-style:italic' 来解决此问题。我把损坏的版本留在这里gmwildlife.org.uk/mapapp/_dev，修复版本在这里gmwildlife.org.uk/mapapp 【参考方案1】：已解决：这是因为我使用的 Roboto 字体是斜体。在 Google Chrome 中，我通过在每次调用 font-family:'Roboto Condensed' 后添加 'font-style:italic' 来解决此问题。我把损坏的版本留在这里 gmwildlife.org.uk/mapapp/_dev 和固定版本在这里 gmwildlife.org.uk/mapapp
【讨论】：
以上是关于当所有其他浏览器都显示时，Chrome 不显示谷歌字体的主要内容，如果未能解决你的问题，请参考以下文章