行高在網站制作中我們可以把它看做是文本的輪廓,網頁文本的行高于字號幾乎決定了整個文本內容的秩序與動態之美。在西文中,一般文本的行高為字號的1.2倍,我們可以在網頁的設計中充分利用字體的下延部與上伸部。在網頁的中文使用中,因為其計劃和密度比較高,所以行高就需要比西文大一點。在不同的環境與不同的受眾人群影響下,行高可以為字號的1.5倍到2倍,也可以更大。
1、 行高與字體的設計規則
網站制作的設計規范把不同的字號與對應的行高聯系起來,下面就列舉幾個常用的字號與行高的對應值。
①字號:12px,行高:20px;
②字號:14px,行高:22px;
③字號:16px,行高:24px;
④字號:20px,行高:28px;
⑤字號:24px,行高:32px;
⑥字號:30px,行高:38px;
⑦字號:38px,行高:46px。
2、 字間距
在網站制作中,字母之間所相互間隔的距離就是字間距,它會受到字體和字偶距的影響。
①字偶距:所謂字偶距就是兩個字母或者是字符,例如標點符號和數字之間的空白區域。因不同的字符有著不同的外形,所以如果在字體間使用相同的字間距就會顯得極不協調,所以我們就需要靠改變字偶距來讓文本更具可讀性。
②比例字體:是在網站制作中根據不同的符號外形而設置不同字間距的字體。
③等寬字體:即每個字符之間都采用相同字距的字體。