在 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
}