フォントフェイスをサポートするLost Type Co-opからHomesteadフォントを取得しました。 Font Squirrelを使って、@ font-faceパッケージを手に入れました。私はすべてを含んでおり、hereとしてインラインバリアントを使いたいと思っていました。これは私のCSSです:font-face:インラインフォントのみがIEで素敵にレンダリングする
@font-face {
font-family: 'HomesteadInline';
src: url('homestead/homestead-inline-webfont.eot');
src: url('homestead/homestead-inline-webfont.eot?#iefix') format('embedded-opentype'),
url('homestead/homestead-inline-webfont.ttf') format('truetype'),
url('homestead/homestead-inline-webfont.svg#HomesteadInline') format('svg');
font-weight: normal;
font-style: normal;
}
h1 { font-family: 'HomesteadInline'; font-size: 10em}
フォントが動作しますが、ChromeとFirefoxの、私はそれが正しいIE9でないテストのみのブラウザで恐ろしくレンダリングします。以下は
は、比較のスクリーンショットです:
はこれを固定する方法はありますか?
*は恐ろしい*レンダリング*を定義してください。比較のためのスクリーンショットがありますか? – alex
比較としてスクリーンショットを追加しました。また、bramvandersype.beでライブが見られることもあります。 – Bram