2022-12-30

​网站制作网页文本的行高、字间距的标准与规则

行高在网站制作中我们可以把它看做是文本的轮廓,网页文本的行高于字号几乎决定了整个文本内容的秩序与动态之美。在西文中,一般文本的行高为字号的1.2倍,我们可以在网页的设计中充分利用字体的下延部与上伸部。在网页的中文使用中,因为其计划和密度比较高,所以行高就需要比西文大一点。在不同的环境与不同的受众人群影响下,行高可以为字号的1.5倍到2倍,也可以更大。


fangan74.png


1、 行高与字体的设计规则

网站制作的设计规范把不同的字号与对应的行高联系起来,下面就列举几个常用的字号与行高的对应值。

①字号:12px,行高:20px;

②字号:14px,行高:22px;

③字号:16px,行高:24px;

④字号:20px,行高:28px;

⑤字号:24px,行高:32px;

⑥字号:30px,行高:38px;

⑦字号:38px,行高:46px。

2、 字间距

在网站制作中,字母之间所相互间隔的距离就是字间距,它会受到字体和字偶距的影响。

①字偶距:所谓字偶距就是两个字母或者是字符,例如标点符号和数字之间的空白区域。因不同的字符有着不同的外形,所以如果在字体间使用相同的字间距就会显得极不协调,所以我们就需要靠改变字偶距来让文本更具可读性。

②比例字体:是在网站制作中根据不同的符号外形而设置不同字间距的字体。

③等宽字体:即每个字符之间都采用相同字距的字体。