是否有可能使用CSS来调整字体的垂直缩放？(Is it possible to adjust a f

我使用嵌入字体的网站上的顶部导航元素Helvetica65和16px它是一个完美的宽度，但我需要它是大约90%的它的当前高度。

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

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

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

Answer 1:

transform属性可以用来缩放文本：

.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 */
}

文章来源: Is it possible to adjust a font's vertical scaling using CSS?