Question

在iPhone5 Safari上我发现大多数时候我的页面在谷歌网络字体加载之前使用默认字体呈现但是当谷歌字体完成加载时页面不会重新呈现。我没有在桌面浏览器或WindowsPhone中看到这个问题，在这些平台上我没有看到任何显示字体的问题。

我是否需要使用webfonts API手动告诉页面以某种方式重绘？这似乎有点过头了，所以也许我错过了什么？

我按如下方式加载字体：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>New Web Project</title>
    <link href='http://fonts.googleapis.com/css?family=Dosis:300,400,500' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="css.css" />
</head>

我在一个单独的CSS文件中定义了一些样式，然后在我的页面正文中使用这些样式。

.defaultHeading {
font-family: 'Dosis', sans-serif; 
font-size:36px; 
color:#a02422; 
font-weight:500; 
line-height:36px 
}

Answer 1

好的，我通过在CSS

中指定以下内容来解决所有问题

@media only screen and (max-device-width: 480px) {      
    #main { -webkit-text-size-adjust:100% }               
}

这会阻止Safari在iPhone上调整字体大小。

Google Webfonts无法在iPhone5上持续加载

1 个答案: