用css缩放字体

用css缩放字体的正确方法是什么？那么兼容性呢？也许它会更好地自定义字体文件本身？用css缩放字体

例如，我需要缩放Avenir字体116％的垂直缩放比例和105％的水平缩放比例。

2016-04-28 Aivaras P

你看过字母间距吗？这不会实现你正在寻找的完整结果，但可能有点在尝试用css来完成。 https://css-tricks.com/almanac/properties/l/letter-spacing/ –

您可以使用此

HTML

<p> 
Hello 
</p>

CSS

p { 
display:inline-block; 
transform:scale(1,4); 
-webkit-transform:scale(1,4); 
-moz-transform:scale(1,4); 
-ms-transform:scale(1,4); 
-o-transform:scale(1,4); 
}

JSFIDDLE

考虑到您正在改变高度和宽度（即高度：宽度不是1：1），您可以根据需要更改比例（x，y）值。

来源

2016-04-28 07:02:37

谢谢您更改值'transform：scale（1.05,1.16）; ....做了这项工作。我只需要了解兼容性 –

@AivarasP这些对于所有现代浏览器都是通用的。 -Webkit-照顾铬，-moz-照顾Mozilla等等 –

我通常使用em缩放字体，因为它会自动调整为当前字体大小。也许这个reference可以帮助你了解字体大小缩放。希望这有助于

来源

2016-04-28 07:00:25

两点适合您。

编辑Avenir字体本身侵犯了字体许可证，您需要从字体代工获得许可。

第二从来没有拉伸字体，它看起来很糟糕。当您拉伸字体会增加笔触宽度时，水平笔划将变得比垂直笔划更细，并且当您挤压字体时，垂直笔划变得比水平笔划变薄。

所以我的答案是没有正确的方法来做到这一点。

如果你需要一个浓缩的字体有很多可供例如：

https://www.google.com/fonts/specimen/Open+Sans+Condensed

来源

2016-04-28 07:30:32 Sarcoma

，我们可以通过增加像字体字号的大小调整：40像素;并通过行高来调整它

来源

2016-04-28 08:23:01

用css缩放字体

回答

相关问题