如何使用CSS减少Arial-like字体的字符宽度?
答案 0 :(得分:25)
在font-family声明中使用窄字体。这些很常见。
font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
答案 1 :(得分:24)
您不能减少字符宽度,但可以减少字母间距。
span {
letter-spacing: 0px;
}
答案 2 :(得分:16)
使用font-stretch
property of CSS 3可以拉伸字体。
答案 3 :(得分:11)
您可以缩放文字。例如:
.my-text {
transform: scaleX(0.5);
}
但请注意transform-origin
可以使您的文字移动到其他位置(例如,如果您使用原点位于其中心进行缩放)。
答案 4 :(得分:1)
您可以在css代码中使用font-weight:
来实现此目标
答案 5 :(得分:0)
您可以尝试使用font-stretch CSS property:
font-stretch: condensed;
浏览器支持似乎受到限制-参见例如this other answer的注释–但它在Firefox 61中对我有用。