更改字体高度和宽度

问题描述 投票:12回答:3

我有这个我正在努力的事情,当我想改变不是font-size但两个属性将独立改变文本的宽度和高度。所以当应用font-width: 50%时:

enter image description here

案文将延伸到一半:

enter image description here

这可能与CSS有关,还有高度属性吗?

html css
3个回答
32
投票

CSS3 transform具有scale功能:

p {
  display: inline-block;
  font-size: 32px;
  transform: scale(.5, 1);
}
<p>This is text.</p>

分别在X轴和Y轴的功能中使用两个数字。


8
投票

您可以尝试在x方向上缩放字体。

p{
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

- 编辑 -

我看到@Xufox alredy回答了它。


1
投票

我能找到的最接近的是font-weight

它不仅接受粗体,普通,还接受数值。 100-900增量100-900。

 . Paragraph {font-weight :700;}

这与高度属性相结合应该有所帮助,但不会给你完整的解决方案

另请查看间距属性,因为您可以减少单词的宽度

  letter-spacing: 2px; 
© www.soinside.com 2019 - 2024. All rights reserved.