font-size-adjust

基线 2024

最新可用

自 2024 年 7 月起，此功能可在最新的设备和浏览器版本中使用。此功能可能在较旧的设备或浏览器中无法使用。

font-size-adjust 属性允许作者为元素指定一个纵横比值，该值将在替代字体中保留首选字体的 x 高度。

注意：作为表示属性，font-size-adjust 可以用作 CSS 属性。有关更多信息，请参阅 CSS font-size-adjust 属性。

您可以将此属性与以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
}

html

<svg
  width="600"
  height="80"
  viewBox="0 0 500 80"
  xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-family="Times, serif" font-size="10px">
    This text uses the Times font (10px), which is hard to read in small sizes.
  </text>
  <text y="40" font-family="Verdana, sans-serif" font-size="10px">
    This text uses the Verdana font (10px), which has relatively large lowercase
    letters.
  </text>
  <text
    y="60"
    font-family="Times, serif"
    font-size="10px"
    font-size-adjust="0.58">
    This is the 10px Times, but now adjusted to the same aspect ratio as the
    Verdana.
  </text>
</svg>

用法说明

默认值	`none`
值	`none` \| `<number>`
可动画	是

仅根据 font-size 属性选择字体大小。

选择字体大小，以便其小写字母（由字体的 x 高度确定）是 font-size 的指定倍数。

指定的数字通常应该是首选 font-family 的纵横比（x 高度与字体大小的比率）。这意味着，当首选字体可用时，它在浏览器中的显示大小将相同，无论它们是否支持 font-size-adjust。

0 生成高度为零的文本（隐藏文本）。

规范

规范
CSS 字体模块级别 4 # font-size-adjust-prop

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

font-size-adjust