是否有CSS字體大小/行高計算器？

Question

我最近在線觀看了一些會議，談論abt web排版。有一些關於網絡計算器提到的關於計算黃金比例的font-size/line-height的內容。任何想法，我可以在哪裏找到它？或者你使用什麼大小的標題？

Answer 1

CSS屬性的'line-height'實際上接受一個純數值，它會根據字體大小設置計算出線高。如果你想使用黃金比例（1.61803399），那麼你可以將其設置爲正文中的線條高度。

 
body { 
    font: 100%/1.618 sans-serif; 
    } 

作爲一個例子，將H1的字體大小設置爲24px會產生39px的行高（從38.832向上舍入）。

Answer 2

我認爲你要找的是this calculator從this presentation。

Answer 3

我知道這是一個老問題，但以防萬一有人還在尋找引用，這（真棒）Golden Ratio Typography Calculator

Answer 4

是它type-scale.com？我用這個來計算所有的礦。它提供字體大小和行高。

Answer 5

那些尋找與黃金比例明確設置line-height，你可以使用：

這將不同的字體大小正確縮放。