0

次のCSSコードを使用してフォントをロードしました。これは外部CSSスタイルシートにあります：

@font-face {
    font-family: 'light';
    src: url('../_fnt/light/gothamrnd-light.eot');
    src: url('../_fnt/light/gothamrnd-light.eot?#iefix') format('embedded-opentype'),
             url('../_fnt/light/gothamrnd-light.woff') format('woff'),
             url('../_fnt/light/gothamrnd-light.ttf') format('truetype'),
             url('../_fnt/light/gothamrnd-light.svg#../_fnt/light/gothamrnd-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

すべてが正常で、完全に表示されている必要があります。友人がWindows7からFirefox15を使用していて、ぼやけた画像が表示されたと聞いたばかりです。Windowsのどのブラウザでもこの問題が発生するのを見てきました。もちろん、IEはまったく機能しません...（クロスブラウザでは最適ではありません...）

ぼやけた効果、Firefox 15.0.1： ここに画像の説明を入力してください

これは、次のように表示されるフォントです（これは、Chrome 23から確認済みです）。 ここに画像の説明を入力してください

テストする場合、WebサイトのURLはhttp://escuderodesign.com/です。それは私のポートフォリオであり、少なくともFirefoxでこの問題を解決したいと思っています。

@font-faceで十分だと思いました。これを手伝ってくれませんか。

4

1 に答える 1

2

これはフォントレンダリングの問題です。GothamRoundedのライトバージョンを開くと、フォントブラウザでさえ12のサイズで露出度が高いことがわかります。

したがって、2つの基本的なオプションがあると思います。

  1. 通常のバージョンのフォントを使用してください。これはブラウザでも問題なく表示されます。
  2. cufonレンダラーを使用します。

とにかく、私にとってFirefox16.0.2とChrome22.0.1の両方でフォントが同様に不足しているので、フォントの問題だと思います。実際、IEのレンダリングに関しては、私にとって最高でした。もちろん、レイアウトについてはそれほど重要ではありません。

幸運を！

于 2012-11-08T10:35:15.740 に答える