12

私はいくつかのウェブサイトを使用しているのを見てきまし@font-faceたが、それらはアンチエイリアスなしで不気味に見えます.しかし、他のいくつかのウェブサイトは非常に高品質のフォントを使用しています.OTF、TTF、SVG、または正確に何を使用しているかはわかりません.これは一例です。

私はそれらのソースを調べましたが、4 種類のフォント タイプがあり、どれが使用されているかわかりません。

ありがとう

4

5 に答える 5

11

フォントの品質表示に影響を与える3つの要因があります。

  1. フォントの品質。 一部のフォントは、作成が不十分である、文字が欠落している、合字の問題があるなどがあります。コミットする前に、すべてのブラウザでフォントをテストすることをお勧めします。
  2. フォントのブラウザレンダリング。Chrome、Safari、FF、IEの表示では、フォントのレンダリングが異なります。
  3. ブラウザで読み取り可能なフォーマット：それぞれが読み取ることができるフォーマットの数は限られています。（IEの場合はEOT、FFを含む他のほとんどすべての場合はTT、その他あります）。

結論として、Webフォントはまだやや暗くて神秘的な芸術です。常に、小さな違いがあります。適切に構築されたフォントを見つけて、ターゲットブラウザ全体でテストします。まだ試行錯誤の段階にあると思いますが、その過程で役立つリソース@font-faceがあります。

于 2010-11-27T20:25:45.177 に答える
1

Webで特別なフォントを使用する場合、形式の選択はほとんどブラウザによって行われます。EOT、WOFF、TTF、およびSVGをすべて使用できるようにする必要があります。

FontSquirrelのようなサイトは、フォントファイル自体だけでなくガイダンスも提供します。

于 2010-11-27T18:12:36.090 に答える
1

フォントの品質は、フォントの変換方法に大きく依存します。多くの人が行っているように、ファイル サイズを節約するために、カーニングなどのアンチエイリアスや品質に影響するものを削除することを選択できます。見栄えが良いほど、サイズが大きくなります。フォントに関係するもう 1 つの要因は、ホスト OS です。フォントのレンダリング方法に影響を与える特定の方法があります。

また、これは一種のランダムですが、これをコードに入れることができます:

text-shadow: transparent 0 0 1px;

当面はGoogle Chromeのみですが、アンチエイリアスが改善されます。

于 2010-11-27T18:21:58.497 に答える
1

Windows に関して言えば、@font-face を使用した埋め込みフォントは、ClearType ONで恐ろしくレンダリングされます。

この過激な実験を試してみてください: ClearType を OFFにして、フォントのレンダリングを再確認してください。

これは意味がないように思えますが (逆のことが起こるはずです)、フォントが滑らかで自然に見えるようになるはずです。

これは私に起こり、必要に応じて証拠を提供できます。Linux や Mac などでは、OS レベルの調整を行わなくても、同じ Web ページが適切にレンダリングされます。やあ、ウィンドウズ。

Windows を使用している Web サイトを見ているすべての人に、ClearType をオフにしてフォントの見栄えを良くするように依頼することはできないため、私はまだこれに対する回避策を決定しようとしています。

于 2010-11-29T03:29:41.407 に答える
0

Webサイトを作成しているときに、さまざまなブラウザで複雑なフォントを試してみました。例外なく、FirefoxとChromeはフォーマットに関係なくフォントをうまくレンダリングしないことがわかりました。IEはとにかくeotに制限されていました。そして驚くべきことに、Operaは最高の仕事をしています。率直に言って、フォーマットを変更しても大した違いはありませんでした。全体として、複雑で複雑なフォントのレンダリングに関しては、ブラウザーにはかなりの方法があると思います。

于 2010-11-28T13:27:21.170 に答える