0

css@font-face関数を使用してカスタムフォントを定義しています。フォントは「MyriadProBold」と呼ばれ、フォールバックとしてArial/Sans-Serifを使用します。

@font-face { font-family: MyriadProBold; src: url('fonts/myriadpro_bold.otf'); }
h3 { font-family: MyriadProBold, Arial, Sans-Serif; }

フォントの太さ：太字; elementは、Arialまたは別のSans-Serifフォントが表示されている場合にのみ必要です。font-weightを追加した場合：太字; タグとMyriadProBoldの読み込みに対して、太字のフォントは非常に太字になり、見苦しくなります。

だから実際に私はこのようなものを探しています

if h3 font is MyriadProBold
  font-weight: normal;
else
  font-weight: bold;

助けてくれてありがとう！

4

3 に答える 3

2

Myriad Pro Bold は、Myriad Pro ファミリの太字書体であり、そのように宣言する必要があります。

@font-face {
    font-family: "Myriad Pro";
    src: url('fonts/myriadpro_bold.otf');
    font-weight: bold;
}

次に、たとえばh3デフォルトの太字にするか、「CSS リセット」またはそれを妨害する他のコードがある場合は明示的に宣言することができます。

h3 { font-weight: bold; }

次に、自然な方法でフォント ファミリを宣言するだけです。

h3 { font-family: "Myriad Pro", Arial, sans-serif; }
于 2013-03-22T05:08:15.430 に答える
1

代替フォントの太さがカスタム フォントと一致しません。しかし、アリアルには大胆なバリエーションがあります。
h3 { font-family:custom, 'Arial Bold', sans-serif;を試すことができます。}

于 2013-03-22T02:59:12.417 に答える
0

@font-face で font-weight を設定しようとしましたか?

@font-face {
    font-family: "MyriadProBold";
    src: url('fonts/myriadpro_bold.otf');
    font-weight: normal;
}
h3 {
    font-family: MyriadProBold, Arial, Sans-Serif;
    font-weight: bold;
}

うまくいくかどうかはわかりませんが、試してみてください。

于 2013-03-22T03:07:50.380 に答える