更改字体高度和宽度

Question

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

案文将延伸到一半:

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

Answer 1

CSS3 transform具有以下scale功能:

p {
  display: inline-block;
  font-size: 32px;
  transform: scale(.5, 1);
}

<p>This is text.</p>

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

Answer 2

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

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

- 编辑 -

我看到@Xufox alredy回答了它.

Answer 3

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

它不仅接受粗体、普通值，还接受数字值。100-900，以 100 为增量。

 . Paragraph {font-weight :700;}

这与高度属性相结合应该有所帮助，但不会为您提供完整的解决方案

另请查看间距属性，因为您可以通过这种方式减少单词的宽度

  letter-spacing: 2px;