We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

概要

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

初期値weight style
適用対象全要素. It also applies to ::first-letter and ::first-line.
継承継承する
メディアvisual
計算値指定値
Animation typediscrete
正規順序order of appearance in the formal grammar of the values

構文

font-synthesis: none;
font-synthesis: weight;
font-synthesis: style;
font-synthesis: weight style;

/* グローバル値 */
font-synthesis: initial;
font-synthesis: inherit;
font-synthesis: unset;

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

形式文法

none | [ weight || style ]

HTML

<div class="syn">Don't try and synthesize me!</div>

CSS

.syn {font-synthesis: none;}

結果

仕様

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

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Firefox (Gecko) Chrome Internet Explorer Opera Safari (WebKit)
基本サポート 34 (34) [1] ? ? ? ?
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? 34.0 (34)[1] ? ? ?

[1] Gecko 33 より、実験的な実装が使用可能でした。これは設定項目 layout.css.font-features.enabled で制御されており、Nightly および Aurora に限り既定値が true です。

ドキュメントのタグと貢献者

このページの貢献者: yyss
最終更新者: yyss,