MacのChromeとSafariで厄介なバグに遭遇しました。フォントのスムージングと、ページ内にFlashが含まれるiframeがあるかどうかに関連しているようです。
font-smoothing: subpixel-antialiasediframeを削除すると、テキストは（ブラウザのデフォルト）に設定されているように見えます。ただし、iframeがページ上にある場合（Flashが内部で実行されている場合）、テキストはに設定されているように見えますfont-smoothing: antialiased。
これに対する回避策はありますか？以下のスクリーンショットをご覧ください。
私もこの問題を抱えていて、次のように修正しました：
.video1 { position: relative; height: 338px; width: 100%; }
.video1 > div { position: absolute; }
次に、iFrameを2番目のdiv内に配置しました。iFrameが絶対位置に配置されたdivにあるため、Safariでのページの読み込み時にページ上のテキストがアンチエイリアス処理されることはなくなりました。
私は「大丈夫」な解決策を見つけたと思います。Flashが内部にあるiframeとわずかに重なっているdivがありました。その重複するdivは、フォントのスムージングを台無しにしました。これを修正するには、iframeとオーバーラップするdivの両方にz-indexを配置する必要がありました。それを機能させるには、iframeがdiv（より高いz-index）の上にある必要があります。上記の例では、iframeに何も重なっていないように見えますが、各要素の境界がわずかに重なっている可能性があります。SafariまたはChromeのWebインスペクターを使用して表示できます。しかし、私はiframeとフォントスムージングを台無しにした要素にz-indexを配置することから始めます。