请使用CSS窄字符(Make narrow characters with CSS)

2019-07-30 13:26发布

如何降低宋体,字体一样使用CSS的人物的宽度是多少?

Answer 1:

你不能减少字符宽度,但可以减少字母间距。

span {
 letter-spacing: 0px;
}


Answer 2:

使用窄字体在FONT-FAMILY声明。 这些都是很常见的。

font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;



Answer 3:

Streching字体将有可能与font-stretch CSS 3的属性 。



Answer 4:

你可以只缩放文本。 例如:

.my-text {
    transform: scaleX(0.5);
}

但要注意的transform-origin ,它可以使你的文字移到别的地方(例如,如果你在其中心原点缩放)。



Answer 5:

您可以使用font-weight:在你的CSS代码,这



Answer 6:

你可以尝试使用字体拉伸CSS属性 :

font-stretch: condensed;

浏览器支持似乎有限-例如参见注释给这对方的回答 -但它在Firefox 61为我工作。



文章来源: Make narrow characters with CSS
标签: css fonts width