html - Google Web 字体在 iOS7 中的 Tumblr 页面上不起作用

标签 html ios css mobile tumblr

我正在尝试将自定义 Google Web 字体添加到 Tumblr 页面,但它们在移动设备 (iOS 7) 上没有生效。奇怪的是,它们在我的笔记本电脑上工作得很好。我在 head 标签的末尾添加了这一行:

<link href='http://fonts.googleapis.com/css?family=Dosis:700|Lato' rel='stylesheet' type='text/css'>

我有

font-family: "Dosis", "Helvetica Neue", HelveticaNeue, Arial, sans-serif;

在 CSS 的 h1 选择器中。

同样,这些字体在我的笔记本电脑上的 Chrome 中呈现得非常好,但在 iOS7 上的移动版 Chrome/Safari 中,它们会回退到其他(更丑陋的)字体。这些字体在我的 Nexus 7 上正确呈现,物有所值。

此外,“存档”链接出现在 iOS7 版本中,该链接未在 HTML 中的任何位置指定,并且不存在于非移动浏览器中。看来 Tumblr 正在专门为 iPhone 更改 HTML;有没有办法禁用它或解决它?

最佳答案

修复了!高级选项下有一个名为“使用优化的移动布局”的设置,当取消选择时,修复了我的字体问题和不需要的“存档”链接。我一直在犹豫是否切换它,担心它会破坏移动布局,但它仍然调整大小以适应屏幕。

关于html - Google Web 字体在 iOS7 中的 Tumblr 页面上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22035727/

相关文章:

javascript - Bootstrap 3 : How to use two off-canvas sidebars?

asp.net - View 模型上的类型更改后, Razor View 上出现 MissingMethodException

ios - iOS 上的后台功能

css - 动画封面背景从比例 : 0. 8 到比例:1 - 保持 100% 宽度+高度

ios - Forge 查看器在加载一些大型模型后崩溃

iphone - 如何在iPhone上实现自动接听?

jquery - 如何在悬停我的表格时应用 div td

html - 括号错误地显示为从右到左的显示样式

javascript - Jquery slider 无法多次调用

html - 当父 div 高度为 100% 时子 div 的高度