CSS font-synthesis 怎样限制浏览器生成伪粗体

如果只想限制浏览器在缺少真实粗体时生成伪粗体，优先设置 font-synthesis-weight: none。若希望连倾斜等其他字体变体的合成一起关闭，则使用简写 font-synthesis: none。这两种写法都不会禁止浏览器使用已经存在的真实粗体字体，也不会把 font-weight: 700 改成 400。

MDN 字体合成文档地址：https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-synthesis

先选只禁粗体还是禁所有合成

.reading-copy {
  /* 只禁止缺失粗体的合成，不改写其他合成属性。 */
  font-synthesis-weight: none;
}

.brand-heading {
  /* 若品牌标题要求所有字体变体都来自真实资源，可整体关闭合成。 */
  font-synthesis: none;
}

“请求更粗”和“允许浏览器合成更粗”是两个设置。font-weight 说明需要怎样的字重，font-synthesis-weight 决定缺少相应字形时能否合成。MDN 对 font-synthesis-weight 的定义明确区分 auto 与 none；none 表示不允许合成缺失的粗体。

把真实字重资源和请求对应起来

以一块正文组件为例，项目提供常规体与粗体两份文件时，应把它们声明在同一个家族名下，并分别标明实际字重。下面为原创示例；文件名是示例占位，本文没有提供字体下载，也没有运行浏览器或生成文字对比截图。

/* 示例路径需替换为项目自有或已获授权的真实字体文件。 */
@font-face {
  font-family: "Orchard Text";
  src: url("/fonts/orchard-text-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Orchard Text";
  src: url("/fonts/orchard-text-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.article-copy {
  font-family: "Orchard Text", sans-serif;
  font-weight: 400;
  font-synthesis-weight: none; /* 使用真实字重，不临时合成加粗。 */
}
.article-copy strong {
  font-weight: 700; /* 请求粗体，仍保留 strong 的重要性语义。 */
}

发货前请核对收件信息。

规则中的 700 仍然请求真实粗体。只有当项目实际提供正确资源，且文件加载成功、包含相关字符时，才具备按该资源呈现的基础。不要把同一个普通字体文件分别标成 400、700，就认为提供了两种真实字重；声明描述的是资源能力，不是生成字形的命令。

如果项目使用可变字体，应按该文件的实际字重范围配置；不要照搬这里两份静态文件的布局。CSS Fonts 规范的字体合成控制草案描述了合成许可，其作用不同于字体资源选择与匹配。

限制规则放在合适的作用域

这个属性会继承。设置在 .article-copy 后，子元素在没有单独覆盖时也受到影响；如果只有品牌标题需要这种限制，就不要为了省一行把它应用到所有内容。第三方组件自行设置合成规则时，也可能覆盖继承值。

还要注意简写会设置其包含的长属性。后面的 font-synthesis 声明可能重置前面单独设置的合成许可。理解整个组件的最终规则，比看到样式文件里存在 none 就认定限制已经生效更可靠。

如果需要给旧环境一个更严格的整体禁用作为基础，同时在支持长属性的环境里恢复倾斜合成，可明确写成下面这样。这个例子有意放弃其他合成维度，并非无损保留所有默认行为：

.brand-copy {
  /* 在不支持单独 weight 控制的环境中，采用更严格的整体禁用。 */
  font-synthesis: none;
}
@supports (font-synthesis-weight: none) {
  .brand-copy {
    /* 这里明确允许倾斜合成，同时仍禁止粗体合成。 */
    font-synthesis: style;
    font-synthesis-weight: none;
  }
}

@supports 判断属性值语法支持，不证明某个字符最终使用了哪个字体文件。若环境连整体属性也不支持，声明可能被忽略，不能承诺此方案对所有旧浏览器强制生效。简写控制范围见 font-synthesis 参考。

缺少粗体时保留强调语义

禁用伪粗体后，缺少真实粗体的文本可能不再出现预期的视觉加重。这不是强制浏览器下载一个不存在的 700 文件，也不自动补齐缺失字符。字体回退仍可能为某些字符选择其他家族，中文、拉丁字母和符号不必都来自同一资源。

对于“必须读者注意”的内容，应保留 strong 等语义和清楚的文案结构。不要靠取消语义标签解决字形不满意，也不要把重要信息只寄托在某个粗细差异上。品牌字形要求严格时，资源准备、授权和覆盖范围应与合成策略一起确定。

排查顺序可以围绕输入与呈现职责组织：请求了哪个字重，资源实际包含什么，字体是否成功加载，字符是否回退，组件最终继承了哪条合成规则。这里是供读者采用的观察口径，不声称本文已做字体加载或兼容性测试。

常见问题

font-synthesis: weight 是禁用伪粗体吗？

不是。weight 是许可合成该维度的关键字。只想关闭粗体合成时，长属性 none 更直接；整体关闭则用简写 none。

为什么设为 none 后仍然能看到粗体？

可能使用了真实粗体或具有相应字重的可变字体，也可能有子元素覆盖规则。none 禁止的是合成，并不禁止粗体本身。

把 font-weight 改成 normal 是否等价？

不等价。normal 改变了字重请求，可能让本来可以使用的真实粗体也不再被请求；合成控制则保留字重意图，只限制浏览器补造缺失字形。