font-synthesis

この記事は翻訳が完了していません。 この記事の翻訳にご協力ください

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

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.

初期値weight style
適用対象すべての要素。 ::first-letter and ::first-line にも適用されます。
継承あり
計算値指定値
アニメーションの種類個別

構文

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;
}

結果

仕様

仕様書 策定状況 コメント
CSS Fonts Module Level 3
font-synthesis の定義
勧告候補 最初期の定義

ブラウザ実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
font-synthesisChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 34
完全対応 34
未対応 33 — 34
無効
無効 From version 33 until version 34 (exclusive): this feature is behind the layout.css.font-features.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 未対応 なしSafari 完全対応 9WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 34Opera Android 未対応 なしSafari iOS 完全対応 9Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。