SVG font-size-adjust 属性介绍

SVG font-size-adjust 属性定义了字体与字符高度比例的调整因子。通常情况下，字符高度是由 font-size 属性设置的，但是根据字体设计，某些字形的高度可能偏短或偏长，导致文字的可读性下降。font-size-adjust 属性可以通过调整字体高度与字符高度比例来解决这一问题。

语法

<text font-size="30" font-family="Arial" font-size-adjust="0.5">Example text</text>

属性值

• 数字类型，范围为 0 到 1，表示相对字体高度与字符高度比例的调整因子。

注意事项

• font-size-adjust 属性只是一个建议值，最终的比例可能会根据字体的实际高度做微调；
• font-size-adjust 属性只对具有不同字形高度的字体有效，对于无差别字形高度的字体不需要设置；
• font-size-adjust 属性的可用性较差，不同浏览器支持程度不一样，可能会导致字体显示问题，应该慎重使用。

应用示例

<svg width="200" height="50">
  <text font-size="30" font-family="Arial" font-size-adjust="0.5">Example text</text>
</svg>

在示例中，设置了一个宽度为 200，高度为 50 的 SVG，其中的文本元素使用 Arial 字体，字号为 30，且 font-size-adjust 属性被设置为 0.5。这表明，文本的实际高度将会是标准高度的一半。

参考链接

• MDN Web 文档