font-synthesis

CSS の font-synthesis プロパティは、ボールドまたはイタリックのタイプフェイスが存在しない場合に、ブラウザが合成してよいかを制御します。

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Most standard Western fonts include italic and bold variants, but many novelty fonts do not. Fonts used for Chinese, Japanese, Korean and other logographic scripts tend not to include these variants, and synthesizing them may impede the legibility of the text. In these cases, it may be desirable to switch off the browser's default font-synthesis.

構文

This property can take any one of the following forms:

• the keyword value none
• either of the keyword values weight and style
• both the keyword values weight and style.

値

none

ボールドおよびイタリックのタイプフェイスを合成しないことを示すキーワードです。

weight

必要であれば、ボールドのタイプフェイスを合成してよいことを示すキーワードです。

style

必要であれば、イタリックのタイプフェイスを合成してよいことを示すキーワードです。

形式文法

none | [ weight || style ]

例

HTML

<em class="syn">Synthesize me! 站直。</em>
<br/>
<em class="no-syn">Don't synthesize me! 站直。</em>

CSS

em {
  font-weight: bold;
}
.syn {
  font-synthesis: style weight;
}
.no-syn {
  font-synthesis: none;
}

結果

仕様

ブラウザ実装状況