フォントが崩れた中国語ウェブページや、読みにくいレイアウトの中国語ウェブページはよく見かけますが、実は基本とされる簡単な知識を事前に把握できれば、そういう問題も起きにくくなるものです。

今回は垂直方向で、中国語を読みやすくする方法を見ていきましょう。垂直な方向でリズムに影響する要素は以下の三つです。

• フォントサイズ（font-size）
• 行の高さ(line-height)
• 余白(margin,padding)

フォントサイズについて、中国ウェブデザイン常用フォントの記事にも書きましたが、中国語本文は通常12pxの宋体（font-family:SimSun;font-size: 12px;）をつかいます。

行の高さは、ウェブの環境では1.5emが常識になりつつあります。フォントのサイズが12PXであれば、そのサイズの1.5em、つまり18pxの中国語行間指定(line-height:1.5em)が標準になります。

タイトルのサイズと余白の指定は両方を足して18pxの倍数にするルールを守れば綺麗に見えます。なぜなら、この数字は垂直方向のグリッドシステムにあっているからです。

タイトルの指定例:
24px+6px+6px＝18px×2

タイトルのフォントサイズを24pxにした場合、その上下の余白は6pxにあわせて指定すると、綺麗にみえます。

採点

(2 votes, average: 3 out of 5)

 Loading ...