Html 是否有CSS字体大小/行高计算器?

Html 是否有CSS字体大小/行高计算器?,html,css,Html,Css,我最近在网上看了一些关于网络排版的会议。有人提到了一个web计算器,它可以用黄金比例计算字体大小/行高。你知道我在哪里能找到它吗?或者您的标题使用什么大小?CSS属性“line height”实际上接受一个纯数字值,该值将根据字体大小集计算出行高。如果要使用黄金比例(1.61803399),则可以将其设置为主体中的线条高度 body { font: 100%/1.618 sans-serif; } 身体{ 字体:100%/1.618无衬线; } 例如,将H1的字体大小设置为24p

我最近在网上看了一些关于网络排版的会议。有人提到了一个web计算器,它可以用黄金比例计算
字体大小/行高。你知道我在哪里能找到它吗?或者您的标题使用什么大小?

CSS属性“line height”实际上接受一个纯数字值,该值将根据字体大小集计算出行高。如果要使用黄金比例(1.61803399),则可以将其设置为主体中的线条高度

body { font: 100%/1.618 sans-serif; } 身体{ 字体:100%/1.618无衬线; }
例如,将H1的字体大小设置为24px会产生39px的行高(从38.832取整)。

我想你要找的是源代码。

我知道这是一个老问题,但万一有人还在找参考,这(太棒了)

是吗?我用这个来计算我所有的。它提供字体大小和行高。

如果希望使用黄金比例显式设置
行高
,可以使用:

line-height: 161.8%;

这将根据不同的字体大小进行适当的缩放。

但是您没有从awsone黄金比例计算器的作者那里得到这一点。对于任何字体大小,行高都必须随着行宽的增加而增加too@Tom汤姆,想详细说明一下吗?使用无单位值告诉浏览器根据字体大小调整行高。我不确定这里的行宽是从哪里来的,但我对你的扩展想法很感兴趣。随着行宽的增加,文本变得更难阅读,因为行高没有增加以抵消宽度的影响。有3个印刷尺寸:字体大小、行高和行宽。如果您想在550px的内容宽度中使用16px的字体大小,该怎么办?在这种情况下,调整后的线条高度应该是多少?根据你的说法是25.88,但最佳值是25.00。这只是进一步阅读;)@Tom感谢您的扩展,我完全同意应该正确设置类型,但在CSS中这并不总是容易实现的。根据设置样式和标记的方式,将
行高
与每个
字体大小
一起设置可能会导致将来的代码无法管理。至少一个精心选择的基本单位减去值将随着
字体大小
增加/减少
行高
,即使它是一个奇数像素。然后,您可以逐个调整文本的关键块。