2

新しいウェブサイトで Gotham というフォントを使用しています。フォントフェイスの準備ができていなかったので、自分でやった. 私の Mac でも問題なく動作し、Chrome と Safari の Windows マシンでも問題なく動作します。ただし、IE と FireFox ではフォントが滑らかにレンダリングされません。

違いについては、添付の画像を参照してください。(私は新しい登録ユーザーであるため、まだ画像を投稿できません。スクリーンショットについては、次のリンクを参照してください: http://i45.tinypic.com/f35hqq.png

これが設定方法です。フォントはすべてのブラウザーで表示されるため、すべての Windows ブラウザーでレンダリングが最適化されていないだけなので、問題はないと思います。

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

これを修正する方法はありますか？多分jQueryソリューションか何か？

4

1 に答える 1

1

必要なフォントの種類をすべて含めましたか? 各ブラウザは、異なるフォント形式を認識します。Font Squirrel ( http://www.fontsquirrel.com/ ) などのサービスを使用して Web で使用するためにフォントを変換した場合は、各フォント タイプと、プラグインする CSS の例 (以下) が提供されているはずです。 . @font-face セレクターに各形式を含めて、すべてのブラウザーでフォントを最適化してください。

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

お役に立てれば！ゴッサムは素晴らしいフォントです:)

編集: Windows には、フォントの適切な表示に関するいくつかの問題があります。私は Mac OS と Windows を定期的に使用しており、多くの矛盾に気づきました。主要なブラウザーからの介入なしで、できることはすべて実行したと思います。幸運を！

于 2012-10-29T05:02:05.043 に答える