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

标签 android html css google-chrome fonts

在我的网站上,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/

相关文章:

javascript - 设置 doctype 破坏了我的 css 和 javascript

android - API 可以像 Android 版 Gmail 一样放置不错的广告

android - 从字符串数组填充 ListView

android - Retrofit 2.0方法无响应

javascript - 从 DOM 元素中提取属性

javascript - HTML/Jquery 如何限制子 div 的数量?

javascript - 如何阻止元素在 JavaScript 事件期间更改(属性)?

Android 音池计时

php - 如何保持 PHP 'View Source' html 输出干净

html - CSS - 不拆分和向下移动的元素