0

http://yummylekker.be/test.gif

上のリンクの画像でわかるように、フォントに問題があります。ある時点で、ブラウザで表示すると変更されます...理由や時期がわかりません。私は両方の時間を FontFinder とフォントで分析し、値も同じでした。ジョージアは両方のケースでレンダリングされます。すべてのブラウザとすべてのフォントに影響するようです。元の正しい状態に戻す唯一の方法は、コンピューターを再起動することです:s

誰が理由が考えられるか知っていますか?

#wrapper #about p, #wrapper #comingsoon p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
line-height: 18px;
color: #414141;}

同じブラウザ、同じフォント、最初は正しく表示されますが、もう一度表示すると（同じブラウザなど）、変更されました（FontFinderはまだ同じフォントだと言っていますが、表示が異なります）

4

2 に答える 2

0

動的な（画像以外の）テキストレンダリングを実行して、一定の間隔を期待することはできません。

これが理由の1つです。

フォントには「ヒント」があり、テキストを小さいサイズで表示するのに最適な方法をレンダリングエンジンに指示します。これらの画像の1つはヒントを使用しておらず、もう1つはヒントを使用しています。したがって、高速の「初期」バージョンの後に、低速の「洗練された」（ヒント付き）バージョンが表示されているのではないかと思います。

詳細：ジョージア州では、「b」は「H」よりも背が高く、「a」にはlachrymose（ティアドロップ）ターミネータがあります。画像Aでは、「b」は正しい高さですが、「a」にティアドロップはありません。画像Bでは、「b」は「H」と一致するように短縮されていますが、ティアドロップが存在します。画像Bは「洗練された」画像だと思います。

これをテストするには、フォントサイズをはるかに大きくした同じテキストを試してください。再レンダリングは起こらないと思います。ClearTypeのオンとオフを切り替えることもできます。

これで問題が解決するわけではありませんが、これはプログラミングの問題ではなく、設計の問題であるためです。繰り返しますが、動的な（画像以外の）テキストレンダリングを実行して、一定の間隔を期待することはできません。

多くのデザイナーは、インクと紙の考え方にとらわれているため、これを嫌います。（個人的にはそのような人を見つけます[ティレードは削除されました]。）

于 2012-06-01T15:35:41.653 に答える
0

すべてのブラウザには、フォントを分析して視覚化する独自の方法があります。標準フォントを使用すると、すべてのブラウザで正しく表示される可能性が最も高くなります。

さらに、webfonts または @font-faces を使用する場合は、すべてのフォントが Web 用に作成されているわけではないため、ブラウザによって表示が異なることを知っておく必要があります。

フォントの問題をさらに悪化させるために、フォントを Web セーフ フォントにできるさまざまなサービス (fontsquirrel など) があります。違うサービス＝違う結果！

つまり、問題が発生した場合は、3 つまたは 4 つの主要なブラウザーをすべて並べて開き、フォントが適切かどうかを自問する必要があります。

これは非常に困難で時間のかかる作業です。http://www.google.com/webfontsが私にとって最良の解決策です (今のところ)

于 2012-05-31T14:56:45.677 に答える