iPhone4で奇妙なダブルヘッダー/h1タグに出くわしました。iPhoneで自分のサイトを表示すると、ヘッダーは2回レンダリングされますが、互いにわずかに重なって、ヘッダーを拡大すると、次のように1つになります。任意のWebサイトの通常の見出し。
他の誰かがこれに遭遇し、解決策を知っていますか？私は何週間もそこにいましたが、オンラインでそのようなものを見つけることができません。
これが私のサイトです：http：//cafe.cic.hull.ac.uk/~405851/
助けてくれてありがとう。
あなたの問題はここで議論され答えられたものと似ているようです：iOS 4.2+ webfont（ttf）の太字のフォントの太さのレンダリングのバグ
どうやら1つの解決策は、font-weight：normalスタイルを使用して継承されたスタイルを変更することです。もちろん、テキストを太字にする必要があると感じた場合、これでは問題は解決しません。別のフォントの太さを使用することもできます。
カスタムフォントレンダリングには、しばらくの間iOSでファンキーなバグがありました。iOS3の時代、私はカスタムフォントでWebkit自体をクラッシュさせることができました。良い時代。
したがって、代わりにhttp://www.google.com/webfontsのようなものを使用することをお勧めします。それらが提供するフォントファイルは、クロスプラットフォームでうまく機能することが保証されており、フォントを含むスタイルシートは、それを要求するプラットフォームの癖に合わせて調整されています。彼らは、フォントレンダリングのバグやクロスプラットフォームの不整合を回避するのに優れています。
そのため、クロスプラットフォームで一貫して表示する必要のあるWebコンテンツがある場合は、GoogleWebFontsを使用してカスタムフォントを提供します。
トレードオフは、フォントの選択肢が少ないことです。しかし、すべてのフォントだけでなく、かなりの量があります。