font-stretch 是 CSS 中用于设置字体宽度的属性。它允许你控制字体相对于其正常宽度的伸缩程度。这个属性可以用于改变字体的宽度,使得字体看起来更加粗体或更加纤细。
font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded;

  •  normal:正常宽度,即默认宽度。

  •  ultra-condensed, extra-condensed, condensed, semi-condensed:表示字体相对于正常宽度更窄。

  •  semi-expanded, expanded, extra-expanded, ultra-expanded:表示字体相对于正常宽度更宽。


示例:
body {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-stretch: expanded;
}

在上述示例中,font-stretch 被设置为 expanded,表示使用 Arial 字体时相对于其正常宽度来说,字体会略微扩展。

需要注意的是,并非所有字体都支持所有的 font-stretch 值,因此在使用时需要确保所选择的字体支持所设置的宽度值。此外,font-stretch 在一些浏览器中的兼容性可能存在一些问题,因此在使用时要谨慎测试。


转载请注明出处:http://www.zyzy.cn/article/detail/4193/CSS