用css缩放字体

Question

使用css缩放字体的正确方法是什么。兼容性怎么样？也许最好自定义字体文件？

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

Answer 1

您可以将其用于

<强> 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

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

Answer 2

两点。

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

第二个从不拉伸字体，它看起来很糟糕。当你拉伸一个字体会弄乱笔画宽度时，水平笔画会变得比垂直笔画更细，当你向上挤压一个字体时，垂直笔画变得比水平笔画更细。

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

如果你需要一个精简字体，那么有很多可用的例子：

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

Answer 3

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

Answer 4

我们可以通过增加字体大小来调整，如font-size：40px;并通过行高调整