font-synthesis - CSS（层叠样式表） 编辑

font-synthesis CSS 属性控制浏览器可以合成（synthesize）哪些缺失的字体，粗体或斜体。

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.

大多数标准西方字体包含斜体和粗体变体，但许多新颖（novelty）的字体不包括这些。用于中文、日文、韩文和其他语标文字（logographic script）的字体往往不含这些变体，同时，从默认字体中生成、合成这些变体可能会妨碍文本的易读性。在这些情况下，可能最好关闭浏览器默认的 font-synthesis 字体合成特性。

初始值	weight style
适用元素	all elements. It also applies to ::first-letter and ::first-line.
是否是继承属性	yes
计算值	as specified
Animation type	discrete

语法

此属性（的值）可采用下列任意一种形式：

• 关键词 none
• 关键词 weight 或 style
• 关键词 weight 和 style。

属性值

none

此关键词表示不合成粗体字型（typeface）或斜体字型。

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	Candidate Recommendation	Initial definition

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.