0

私は最近@font-faceを使用していて、vboxでテストを開始しました。フォントがうまくレンダリングされていないことがわかりました。Firefoxを調べたところ、ハードウェアアクセラレーションをオフにするだけでした。すべてのユーザーがこれを行うことを期待することはできません。Chromeもこれを行います。プロパティを試してみましたが、Anti-aliasing運がありませんでした。以下の結果の写真を見ることができます： ここに画像の説明を入力してください

[Win] FireFox、Chrome [Mac] Chrome、FireFox

ご覧のとおり、左側の2つは非常に貧弱にレンダリングされていますが、右側の2つは素晴らしいです。彼らはこれを使用しています：

@font-face{
  font-family: "gBok";
  font-weight: bold;
  font-style: normal;
  src: url(/font/gotham-bold.ttf) format("truetype");
}
@font-face{
  font-family: "gBok";
  font-weight: normal;
  font-style: normal;
  src: url(/font/gotham-book.ttf) format("truetype");
}
label {
font-family: "gBok", Helvetica, serif;
font-weight: bold;
}

私が間違っていることはありますか？何かアドバイス？お時間をいただき、誠にありがとうございます。

4

2 に答える 2

1

これは確かに既知の問題であり、本当に苦痛です。私は通常、太字のフォントフェイスを削除し、OS に独自の太字バージョンを生成させます。完全ではありませんが、より良い結果が得られることもあります。試してみる価値はありますが...

于 2013-01-23T20:42:14.970 に答える
0

これは Chrome の既知のバグです。Windows でのフォント レンダリングはかなり荒いです。アンチエイリアシングを使用しないでください。最終的に修正されると、見栄えが悪くなります。https://code.google.com/p/chromium/issues/detail?id=137692

于 2013-01-23T20:26:32.770 に答える