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+ | 无 | 无 |
嗨,我在 w3 上查找了这个信息,它说它在任何浏览器中都不受支持。我不知道谁是对的,但我没有注意到 w3 的“试试我”测试代码在 Firefox 或 IE 中都能运行......而且它们都高于 9。
嗨,Carine。阅读本文的第二段,你就会明白为什么它不能工作。字体本身必须支持它,以及浏览器。仅仅因为浏览器支持它,并不意味着这个就能工作。这在字体和某些属性方面有点奇怪,但就是这样。
此外,请记住,“w3schools”与“w3c”(这是正确的组织)无关。W3schools 对于学习基础知识来说还不错,但他们并没有作为标准机构或任何类似机构的权威。
哦,好吧......谢谢。我一直想知道规则在哪里......我知道 w3schools 和 Mozilla 有资源,但我从未知道官方的。再次感谢。
使用 span 标签,在 span 标签中写下你想要的文本,并在 style/CSS 中设置 span 属性如下
span {
transform:scale(3,1);
-webkit-transform:scale(3,1);
display:inline-block;
}
无需额外的字体或更大的字体——太棒了!
他我的生活对你们来说很好
浏览器支持现在包括
Chrome 48+
Opera 35+
Android 50+
遗憾的是没有 iOS 和 Safari