更改字体高度和宽度

问题描述:

我正在处理这件事时,我想要更改的不是font-size,而是两个可以独立更改文本宽度和高度的属性。 所以申请时font-width: 50%这样:更改字体高度和宽度

enter image description here

文本将被拉伸到一半:

enter image description here

这是可以做到与CSS,也与height属性?

+1

“如果你的懒惰是一个小提琴“。不知道如何下降。有了这个jQuery可以提供帮助。在哪里创建一个数字并更改2个CSS属性。为了清楚你想独立控制文本的宽度和高度。你现在怎么控制宽度 –

+0

http://stackoverflow.com/questions/15649244/responsive-font-size 这可能有帮助 –

+0

在CSS中有一个font-width-stretch属性,但它目前不支持所有主要浏览器 –

CSS3 transform具有用于此的scale功能:

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

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

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

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

- 编辑 -

我看到@Xufox alredy回答了这个问题。

我能找到最接近的是字体重量

它接受不但大胆,正常的,但也数值。 100-900,增量为100。

. Paragraph {font-weight :700;} 

这种结合height属性应该帮助,但不会给你完整的解决方案

也要看间距属性,你可以减少单词的宽度这样

letter-spacing: 2px;