私はこのサイトで DINNextLTPro-Medium フォントを使用していますが、Safari 6 & Chrome (mac) とその他の世界 (Safari 5 mac/win、Chrome win、Firefox win、Opera win. .)。
Mac で Safari 6 を使用すると、次のようになります。
そしてSafari 5の勝利で:
私のcssファイルのフォント呼び出しは次のとおりです。
@import url("//hello.myfonts.net/count/259bc7");
@font-face {
font-family: 'DINNextLTPro-Medium';
src: url('fonts/259BC7_0_0.eot');
src: url('fonts/259BC7_0_0.eot?#iefix') format('embedded-opentype'),
url('fonts/259BC7_0_0.woff') format('woff'),
url('fonts/259BC7_0_0.ttf') format('truetype')
}
body,input,button,textarea {
font-family: DINNextLTPro-Medium, Helvetica, Arial, sans-serif; border:none;
font-size: 16px; line-height: 24px;
font-weight: normal;
font-style: normal; }
それはすべて myfonts から来ており、私が慣れ親しんでいる fontsquirrel 宣言にかなり似ています。これは非常にうまく機能することが知られています。
質問は、誰かがそれについて手がかりを持っていますか? 異なるブラウザーで同じレンダリングを取得するのは難しいことはわかっていますが、ここでは非常に大胆に見えます。
編集 #1: これは、Vimeo (フラッシュ) からロードされているビデオが原因でしょうか?