有CSS字体大小/线高计算器吗？

Question

我最近在网上看了一些会议，谈论网络排版。有一个关于网络计算器的内容，用于计算黄金比率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

我知道这是一个老问题，但万一有人还在寻找参考资料，这个（真棒）Golden Ratio Typography Calculator

Answer 3

我认为您所寻找的是来自this calculator的this presentation。

Answer 4

是type-scale.com吗？我用它来计算所有我的。它提供字体大小和行高。

Answer 5

那些希望使用黄金比例明确设置line-height的人，您可以使用：

line-height: 161.8%;

这将使用不同的字体大小正确缩放。