方法/步骤 1 选择要设置字体拉伸程度的元素 2 设置字体拉伸程度属性值 3 添加字体系列 4 添加字体大小 注意事项 font-stretch属性并不是所有字体都支持的，建议先查看字体的兼容性。font-stretch属性值的可选值较少，只有一些预定义值，不能自定义。
font-stretchCSS 属性用于选择字体的一个更宽(expanded)或更窄(condensed)的版本,以控制字符的“胖瘦”。然而,需要注意的是,并非所有的字体都支持多种拉伸变体(stretch variants)。如果指定的字体没有可用的拉伸变体,那么浏览器将使用字体的默认样式。 font-stretch属性可以设置为以下几种值之一,这些值按照从窄到宽的...
CSS font-stretch 属性用于指定字体的宽度是正常宽度、压缩宽度或伸展宽度样式。 很多字体都有不同的字体样式,通过font-stretch的不同关键字取值,我们可以指定某种字体不同的宽度样式,可用的关键字有: normal ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded...
CSS3 font-stretch 属性 实例 让所有的div元素的文本更宽: div { font-stretch: expanded; } 尝试一下 » 浏览器支持 目前没有主流浏览器支持font-Stretch属性。 属性定义及使用说明 font-Stretch属性允许你使文字变宽或变窄。 默认值: none
字体拉伸 | font-stretch font-stretch属性从字体中选择正常、压缩或扩展的字体。 代码语言:javascript 复制 /* Keyword values */font-stretch:ultra-condensed;font-stretch:extra-condensed;font-stretch:condensed;font-stretch:semi-condensed;font-stretch:normal;font-stretch:semi-expanded;font-stretch:expanded;...
CSS3 font-stretch 属性 实例 让所有的div元素的文本更宽: div { font-stretch: expanded; } 尝试一下 » 浏览器支持 目前没有主流浏览器支持font-Stretch属性。 属性定义及使用说明 font-Stretch属性允许你使文字变宽或变窄。 默认值: none
The font-stretch property, introduced in CSS3, selects a normal, condensed or expanded face from a font.
CSS3 font-stretch 属性 实例 让所有的div元素的文本更宽: div { font-stretch: expanded; } 尝试一下 » 浏览器支持 目前没有主流浏览器支持font-Stretch属性。 属性定义及使用说明 font-Stretch属性允许你使文字变宽或变窄。 默认值: none
css @font-face{src:url("https://mdn.github.io/shared-assets/fonts/LeagueMono-VF.ttf");font-family:"LeagueMonoVariable";font-style:normal;font-stretch:1% 500%;/* Required by Chrome */}p{font:1.5rem"LeagueMonoVariable",sans-serif;}.condensed{font-stretch:50%;}.normal{font-stretch:100%...
font-stretch CSS属性从字体中选择普通,压缩或扩展的外观。下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。默认值:normal适用于:所有元素。它也适用于::first-letter和: