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

标签 css frontend font-size typography

我有一个具有多种比率(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; }

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

谢谢。

最佳答案

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 正文中提及行高

关于CSS - 如何使用模块化缩放字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34178719/

相关文章:

javascript - 启用数据表警告警报

带有起始索引的 HTML 嵌套编号列表

html - 如何在CSS中制作这样的标题?

CSS 字体大小重置

html - 在 span 中对之前的字体大小进行动画处理并保持 span 文本的位置

android - 当用户在 android 中更改字体大小时如何解决设计问题?

css - 如何在纯 CSS 中定义可变高度的粘性页脚?

HTML 电子邮件 : td with triangle to the left side

html - 用于复制具有样式的页面元素的附加组件

javascript - jquery mobile pageinit 没有看到 div