为什么我的 Google 字体没有显示在移动设备上？

Question

在我的网站http://jimbrink.org 上，我使用了 Roboto Slab 字体。 （其实我已经改编了一个模板，所以这个模板使用了 Roboto Slab 字体。）

我注意到该字体没有显示在移动浏览器上。但我不明白为什么会这样。

style.default.css 文件中的每个字体调用都是针对 Roboto Slab。我已经在 iOS 设备和 Android（Chrome 浏览器）上测试了该网站。

编辑：我的 css 样式表可以在这里找到：http://www.jimbrink.org/css/style.default.css

这篇文章的正文太长了。

Answer 1

在您的 HTML（来自 Google 字体）中显示：http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100%7CRoboto:400,700,300,100

或许可以试试：https://fonts.googleapis.com/css?family=Roboto+Slab

Answer 2

查看网站并检查源代码后，我发现有时您使用单引号指定 Google 字体，而其他人则使用双引号。我过去遇到过这个问题并且默认使用双引号，尽管查看我编译的 css 看起来引号已从声明中删除。

我会尝试使用像font-family: "Roboto Slab"; 这样的双引号，看看这是否有效。我不确定为什么这会导致问题，并且目前无法测试您的代码，但我希望这会有所帮助。如果没有，请发布您的 css，我回家后会尝试看看。