使用CSS制作窄角色

时间:2009-07-21 19:28:27

标签: css fonts width

如何使用CSS减少Arial-like字体的字符宽度?

6 个答案:

答案 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中对我有用。