1

私は2つのブラウザを両方ともUbuntu10で実行しています。

Firefox4RCとGoogleChrome10。どちらも太字のテキストの表現が大きく異なります。下のスクリーンショットをご覧ください-上にChrome、下にFirefox

ここに画像の説明を入力してください

WindowsとMacOSxの同じブラウザは、違いがないか、少なくとも非常に小さなものを示しています。

CSSの非互換性を排除するために、適用されたスタイルと計算された値の両方で、フォントの太さ、サイズ、文字間隔、行の高さを確認しました。それらはすべて一致します。

太字ではない奇妙なテキスト（これを含む）はまったく同じように見えます。

使用されているフォントはMonotypeCorsivaで、Webフォントとして添付されています。他のフォントにはこの問題はありません。

私の質問は、Webブラウザがどのように太字のテキストを生成するかです。使用するフォントとその回避方法に依存するのはなぜですか？残念ながら、他のフォントを使用することはできません。

編集：これは、要求に応じてテキストに適用されるCSSです。

text-align: right;
font-size: 110%;
font-weight: bold;
font-style: normal;
white-space: nowrap;
font-family: "Monotype Corsiva","mntcrsweb",sans-serif;
letter-spacing: 0.02em;
line-height: 100%;
text-shadow: -0.1em -0.06em 0.2em #000000;

font-size: 180%;

direction: ltr;

font-size: 10px;

line-height: 125%;
4

3 に答える 3

4

太字のフォントは別のフォントファイルであり、メインフォントには含まれていません（少なくとも、TTFおよびOTF形式では含まれていません）。

Monotype Corsivaには太字のバリアントがないため、太字にしようとすると、オペレーティングシステムやブラウザがそれを偽造しようとし、さまざまな（ただし常に理想的とは言えない）結果になります。

簡単な答え：そうしないでください。

乾杯、

トーマス

于 2011-03-21T16:05:48.133 に答える
2

あなたの問題の別の考えられる理由を思い出しました。フォントには、フォント内にBOLDバージョンを含めることができます。一部のブラウザとOSはこれを使用し、他のブラウザは大胆な自分自身を生成します。これはここでの問題である可能性があります。フォントには太字またはoppersiteが含まれている場合があります。Haventはそれを自分でテストしましたが、それが問題になる可能性があります。

代わりに、グーグルなどからのオープンソース/無料のウェブフォントのいくつかを試してみてください。

于 2011-03-21T00:39:57.107 に答える
0

％およびem単位から離れるとどうなりますか？代わりに「faultypx」を使用しますか？彼らはそれから整列しますか？％やemを使用すべきではないとは言いませんが、pxユニットでも同じ問題が発生しますか？

もしそうなら、私はそのタスクのためのその特定のフォントを忘れる時だと思います。私にはバグがあるように聞こえます。

おっしゃるように、ブラウザとOSのバージョンでは、フォントのレンダリングが異なります。Windowsなどのcleartype。しかし、とにかくそれらは多かれ少なかれ似ているはずです。

私があなたの状況にあった場合、私は最初に1 cssスタイルを適用し、すべてのブラウザをチェックします。次に、外観が崩れるまで次を適用します。デバッグは下から始まります。：o）

于 2011-03-21T00:37:45.173 に答える