html - 使用css拉伸(stretch)字体最实用的方法

Question

我想拉伸(stretch) Helvetica 字体，使文本高 20%，我环顾四周，发现没有任何东西可以在不使用某种 JS 或 hack 的情况下提供所有浏览器支持。

使用(最好)仅使用 CSS 最实用的方法是什么？我最初的想法是找到一个类似的更高的字体并改用它。

Answer 1

有点 hack，不太跨浏览器，可能不适合您的情况，但尽管如此您可以使用 transform: scale(1,1.5);。

.tallhelvetica{
    font:20px Helvetica;
    transform: scale(1,1.5);
}

除此之外，您需要查找或创建另一种字体。

查看此演示:JSFiddle .