1

iPhone5 Safariでは、ほとんどの場合、Google Webフォントが読み込まれる前にデフォルトのフォントを使用してページがレンダリングされますが、Googleフォントの読み込みが完了するとページは再レンダリングされません。デスクトップブラウザやWindowsPhoneではこの問題は発生していません。これらのプラットフォームでは、フォントの表示に問題は発生していません。

どういうわけかページを再描画するように手動で指示するためにwebfontsAPIを使用する必要がありますか？これはやり過ぎのようですので、何かが足りないのでしょうか？

次のようにフォントをロードします。

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

1 に答える 1

1

OK、CSSで以下を指定してすべての問題を修正しました

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

これにより、SafariがiPhoneでフォントのサイズを変更できなくなります。

于 2012-12-04T00:40:39.857 に答える