在我应用 css 重置后,我正在寻找一种方法来标准化我的 h1、h2、h3 等标签,我知道这主要取决于设计,但我记得在一个网站上看到有某种“黄金比例”在文本大小、行高和边距底部之间,这将提高可读性并改善页眉在页面上的显示方式。
你们中有人知道这样的事吗?
在我应用 css 重置后,我正在寻找一种方法来标准化我的 h1、h2、h3 等标签,我知道这主要取决于设计,但我记得在一个网站上看到有某种“黄金比例”在文本大小、行高和边距底部之间,这将提高可读性并改善页眉在页面上的显示方式。
你们中有人知道这样的事吗?
我认为这在很大程度上取决于所使用的字体。也就是说,Smashing Magazine给出了这个“经验法则”:
标题到正文字体大小比
为了更好地理解标题和正文字体大小之间的关系,我们将每个网站的标题字体大小除以其正文字体大小。我们取了这些比率的平均值,并得出了一个经验法则供您使用:
标题字体大小 ÷ 正文字体大小 = 1.96
那么,总体值为 1.96。这意味着,当您为正文选择了字体大小时,您可能需要将其乘以 2 以获得标题字体大小。当然,这取决于您的风格;经验法则不一定会为您的特定设计提供最佳尺寸。另一种选择是使用传统比例(6、7、8、9、10、11、12、14、16、18、21、24、36、48、60、72)或斐波那契数列(例如 16 – 24 – 40 – 64 – 104) 以获得自然的排版结果。