是否可以使用CSS调整字体的垂直缩放？ [英] Is it possible to adjust a font's vertical scaling using CSS?

问题描述

我使用嵌入字体作为网站上的顶级导航元素
Helvetica65 和 16px 它是完美的WIDTH，但我需要它是
约 90％它的当前高度。

I am using an embedded font for the top navigational elements on a site Helvetica65 and at 16px it is the perfect WIDTH but I need it to be about 90% of it's current height.

在Photoshop中，解决方案很简单 - 调整垂直缩放。

In Photoshop, the solution is simple - adjust the vertical scaling.

有没有办法使用CSS做基本相同的事情？如果是，如何支持
？

Is there a way to do essentially the same thing using CSS? And if so, how well is it supported?

这里是一个 jsFiddle 的基本导航编码。

Here is a jsFiddle of the basic nav coding.

推荐答案

transform属性可用于缩放文本。

transform property can be used to scale text.

.menu li a    { color:#ffffff ;
text-transform:uppercase ;
text-decoration:none ;
font-family:"HelveticaNeue-Medium", sans-serif ;
font-size:14px ;
display: inline-block;
transform : scale(1,1.5);
-webkit-transform:scale(1,1.5); /* Safari and Chrome */
-moz-transform:scale(1,1.5); /* Firefox */
-ms-transform:scale(1,1.5); /* IE 9+ */
-o-transform:scale(1,1.5); /* Opera */
}

这篇关于是否可以使用CSS调整字体的垂直缩放？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！