CSS - 如何使用模块化缩放字体大小

Question

我有一个具有多种比率(1.5 和 1.25)的模块化秤:

http://www.modularscale.com/?16&px&1.5,1.25&web&text

我不知道应该在我的 css 中填写什么来设置 font-size 按照上面的字体比例。我认为应该是:

p{ font-size: 1em; }
h4{ font-size: 1.25em; }
h3{ font-size: 1.5em; }
h2{ font-size: 1.563em; }
h1{ font-size: 1.953em; }

是吗？我们如何确定行高值？

谢谢。

Answer 1

p{ font-size: 1em; }
h4{ font-size: 1.25em; }
h3{ font-size: 1.5em; }
h2{ font-size: 1.563em; }
h1{ font-size: 1.953em; }

这是确定的正确方法，您应该在 css 正文中提及行高