在我的网站上,http://jimbrink.org , 我使用 Roboto Slab 字体。 (其实我已经改编了一个模板,所以那个模板使用了Roboto Slab字体。)
我注意到该字体不会显示在移动浏览器上。但我不明白为什么会这样。
style.default.css 文件中的每个字体调用都是针对 Roboto Slab 的。我已经在 iOS 设备和 Android(Chrome 浏览器)上测试了该网站。
编辑:我的 css 样式表可以在这里找到:http://www.jimbrink.org/css/style.default.css
在这篇文章的正文中发帖太长了。
最佳答案
查看站点并检查源代码后,我发现有时您使用单引号指定 Google 字体,而其他的则使用双引号。我过去遇到过这方面的问题并且默认使用双引号,尽管查看我编译的 css 看起来引号已从声明中删除。
我会尝试使用像 font-family: "Roboto Slab";
这样的双引号,看看是否可行。我不确定为什么这会导致问题,并且目前无法测试您的代码,但我希望这会有所帮助。如果没有,请发布您的 CSS,我会在回家后尝试查看。
关于android - 为什么我的 Google 字体没有显示在移动设备上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41369551/