2

CSSから次のコードが与えられた場合：

font-family:SpecialBold;
font-weight:bold;

Firefoxの二重太字（太字はすでに太字タイプ）。これはSafari、Opera、Chromeでは問題にならないようです。font-weight:bold;ホストされている書体に何かが起こった場合、デフォルトの書体は太字にならないため、削除することはできません。

私が直面している問題は、@font-faceでWebセーフではないタイポグラフィを使用しようとしていることです。私が使用している書体には、特定の太字のフォントがあります。Chromeなどでは、次の機能は動作しません。

font-family:Special;
font-weight:bold;

Special書体は、SpecialBold書体が使用されている場合にのみ太字にすることができるためです。

Firefoxがすでに太字のフォントを二重太字にしないようにするにはどうすればよいですか？または、その逆に、Chromeなどを使用するときに太字の書体を使用するようにできfont-weight:boldますか？

4

2 に答える 2

2

このルールを使用して、合成太字を適用する必要がないように、SpecialBold が既に太字であることをブラウザーに伝えることができます。

@font-face {
  font-family: SpecialBold;
  font-weight: bold;
  src: local(SpecialBold);
}

もちろん、フォントフェイスの名前によっては、変更が必要になる場合があります。

于 2012-03-02T06:51:53.267 に答える
1 
@font-face {
    font-family: Special;
    font-style:normal;
    font-weight: normal;
    src: local(Special);
}   
@font-face {
    font-family: Special;
    font-weight: bold;
   font-style:normal;
    src: local(SpecialBold);
}

したがって、2 つの異なるフォント名を使用する代わりに、同じ font-family 名を使用して font-weight でウェイトを変更できます。ユーザーがフォントを持っていない場合に備えて、サイトにフォントの URL を必ず追加してください。

于 2012-03-05T15:15:18.600 に答える