CSS 参考手册 目录

CSS3 font-stretch 属性

CSS 属性 font-stretch 用于控制字体的拉伸程度,即控制字体的宽度。这个属性可以让你在不改变字体大小的情况下,调整字体的宽度,从而达到不同的视觉效果。

语法

-------- -
    ------------- ------ - --------------- - --------------- - --------- - -------------- - ------------- - -------- - -------------- - ---------------
-
  • normal:默认值,表示正常宽度的字体
  • ultra-condensed:最紧缩的字体
  • extra-condensed:比 condensed 更紧缩
  • condensed:比 normal 更紧缩
  • semi-condensed:比 condensed 更宽
  • semi-expanded:比 normal 更宽
  • expanded:比 semi-expanded 更宽
  • extra-expanded:比 expanded 更宽
  • ultra-expanded:最宽的字体

示例

- -
    ------------- ----------
-

-- -
    ------------- ---------
-

在上面的示例中,p 元素的字体被设置为紧缩的,而 h1 元素的字体被设置为扩展的。

注意事项

  • font-stretch 属性在不同浏览器中的兼容性可能会有所不同,建议在使用时进行测试。
  • 一些字体可能并不支持所有的拉伸程度设置,因此在设置 font-stretch 时要注意字体本身的特性。

以上就是关于 CSS 属性 font-stretch 的介绍,希望能帮助你更好地控制字体的宽度。


上一篇:CSS 属性 font-size-adjust
下一篇:CSS 属性 font-style