是否可以使用CSS调整字体的垂直缩放?

前端之家收集整理的这篇文章主要介绍了是否可以使用CSS调整字体的垂直缩放?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用嵌入字体作为网站上的顶级导航元素
Helvetica65和16px这是完美的WIDTH,但我需要它
约为当前高度的90%。

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

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

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

解决方法

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

猜你在找的CSS相关文章