2012-03-20 19 views
1

フォントフェイスをサポートする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でないテストのみのブラウザで恐ろしくレンダリングします。以下は

は、比較のスクリーンショットです: enter image description here

はこれを固定する方法はありますか?

+1

*は恐ろしい*レンダリング*を定義してください。比較のためのスクリーンショットがありますか? – alex

+0

比較としてスクリーンショットを追加しました。また、bramvandersype.beでライブが見られることもあります。 – Bram

答えて

1

私はさまざまなブラウザ間でホームステッドのフォントの重さに問題がありました。
ホームステイをご利用の場合は、font-weight:200;を追加してみてください。

+0

これは実際にはトリックを行いました。ブートストラップがタイトルを太字に設定していたからです。 – Bram

関連する問題