font-stretch

Avatar of Louis Lazaris
Louis Lazaris

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 $200 免费积分!

font-stretch 属性是在 CSS3 中引入的,用于从字体中选择正常、压缩或扩展的字形。

为了使用 font-stretch 并看到某种效果,所使用的字体必须具有与给定值匹配的字形。换句话说,font-stretch 不会对任何字体起作用,而只对那些设计有不同字形以匹配定义大小的字体起作用。

p {
  font-stretch: ultra-condensed;
}

font-stretch 接受以下值之一

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

如果特定字体没有所有表示的字形,则使用任何值都将映射到最接近的等效字形。正常或压缩值将映射到更窄的字体,扩展值将映射到更宽的字形,否则将映射到最接近的更窄字形。

在支持的浏览器中,font-stretch 可以用作 font 简写属性的一部分。

相关属性

其他资源

浏览器支持

Chrome Safari Firefox Opera IE Android iOS
9+ 9+