是否可以使用CSS調整字體的垂直縮放比例？

我在網站 Helvetica65和16px上使用嵌入字體的頂部導航元素，它是完美的寬度，但我需要它是約90%它的當前高度。是否可以使用CSS調整字體的垂直縮放比例？

在Photoshop中，解決方案很簡單 - 調整垂直縮放比例。

有沒有辦法使用CSS做基本相同的事情？如果是這樣，如何支持？

這裏是基本導航編碼的jsFiddle。

來源

2012-08-07 Cynthia

我們能看到你的代碼，或者您可以設置我們的jsfiddle？ – 2012-08-07 05:22:41

只需將其發佈到我原來的帖子中即可。 – Cynthia 2012-08-07 05:27:03

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

來源

2013-05-08 18:36:56 way2vin

這一個應該被選爲接受的答案。 – 2014-03-04 10:32:11

我已經將比例變換應用到一個標題，使其更寬，而不是更高。這意味着文本現在開始在頁面上其餘文本的左側。我在左邊增加了保證金，將其重新排列。無論如何要用變換來計算這種差異？ – RouthMedia 2016-08-16 14:00:23

@RouthMedia您正在尋找'transform-origin'。可能是'transform-origin：左上角;' – honk31 2017-04-27 13:11:25

是否可以使用CSS調整字體的垂直縮放比例？

回答

相關問題