概要
CSS の font-synthesis プロパティは、ボールドまたはイタリックのタイプフェイスが存在しない場合に、ブラウザが合成してよいかを制御します。
| 初期値 | weight style |
|---|---|
| 適用対象 | 全要素. It also applies to ::first-letter and ::first-line. |
| 継承 | 継承する |
| メディア | visual |
| 計算値 | 指定値 |
| Animation type | discrete |
| 正規順序 | 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 です。