嵌入式字體行高問題

Question

我正在使用嵌入式字體（tex gyre adventor）作爲垂直菜單。 由於線條高度/重疊，菜單項的懸停行爲不正確（請參閱圖像）。 當我嘗試更改鏈接的行高屬性時，沒有任何反應。

使用像Arial一樣的常規字體效果很好（頂部/底部的空間較少 - 請參閱圖像上的藍色框）。任何想法如何解決這個問題？

Answer 1

有幾個選項取決於您在工作環境中是可用的。

可以調整行高與CSS line-height屬性。

如果由於某種原因，由於你的佈局，不工作，你可以在一個div或跨越每行分離和相對爲負值調整各線的餘量。

如果在阻止你使用CSS（電子郵件），你可以下載一個叫FontForge免費軟件程序和重構降低指標實際字體的環境中工作。

Answer 2

我剛剛有完全相同的問題。

當施加到內聯元件，諸如鏈接，線高度不低於寄存器周圍14px的 - 這是如此奇怪。

但是我注意到，在該網站的另一個區域中，我有一個塊容器中的鏈接，它具有較小的字體大小和較小的行高。

我做了鏈接「內聯塊」的顯示，並且瞧，線高度按預期工作。

該樣品不正確的行高度：

.my-container a { 
    font-size:16px; 
    line-height:14px; 
} 

修改此：

.my-container a { 
    font-size:16px; 
    line-height:14px; 
    display:inline-block; 
} 

而且現在的行高預期。