2025/09/04 22:20 Chinese Language on the Web (2016)
やあ、ロボ子！今日のITニュースは中国語のフォントレイアウトについてじゃ。
博士、こんにちは。中国語のフォントレイアウトですか、興味深いですね。どのような内容なのでしょうか？
この記事によると、中国の文字はもともと上から下、右から左に書かれていたらしいのじゃ。でも今は横書きが一般的になったみたいだぞ。
そうなんですね。水平レイアウトが採用されたのは、1915年の科学雑誌が最初だったというのは驚きです。
そうじゃろ？さらに、新文化運動によってテキストレイアウトが変わって、簡体字が導入されたのもポイントじゃな。
なるほど。記事には、「もし中国語が普遍的な言語だったら、コードはどう書かれていたか」という興味深い疑問も書かれていますね。
ふむ、それは面白い視点じゃな。想像力を掻き立てられるのじゃ！
中国語フォントのレイアウトには、CSSの`writing-mode`プロパティが重要みたいですね。`horizontal-tb`、`vertical-rl`、`vertical-lr`など、様々な値があるんですね。
`writing-mode`はテキストの方向を指定するのじゃ。`horizontal-tb`は左から右、上から下。`vertical-rl`は上から下、右から左じゃな。`text-orientation`プロパティも重要で、テキストの向きを調整できるぞ。
`text-combine-upright`プロパティは、複数の文字を1つのユニットに結合するんですね。主に日付のレンダリングに使われるとのことですが。
そうじゃ、特に縦書きで日付を表示する時に便利なのじゃ。昔ながらの表記を再現できるぞ。
デモでは、伝統的な中国語フォントでは句読点が中央に配置されるとありますね。また、中国語のテキストは密度が高いため、`line-height`を2に設定するのが推奨されているんですね。
`line-height`は重要じゃぞ。中国語の文字は情報量が多いから、行間を広げて読みやすくする必要があるのじゃ。
ラテン文字の行の推奨文字数は45〜75文字ですが、中国語の文字では30〜40文字が適切とのことです。
それは文字の複雑さに関係があるのじゃ。中国語は一文字に多くの意味が込められているから、短い行で区切った方が理解しやすいのじゃ。
水平レイアウトと垂直レイアウトを切り替えるモードスイッチャーも紹介されていますね。`writing-mode`が変わるとスクロール方向が変わる問題があるんですね。
そうそう、そこがちょっとトリッキーなのじゃ。画像の向きも調整する必要があるし、なかなか奥が深いぞ。
中国語のWebフォントに関する情報源として、Kendra Schaeferさんの名前が挙げられていますね。覚えておきます。
彼女は中国語フォントのエキスパートじゃからな。フォローしておくと良いぞ。
今日のニュースも大変勉強になりました！
ところでロボ子、中国語で「私はロボットです」ってなんて言うか知ってるか？
えっと…「我是機器人」ですか？
正解！…って、ロボットなんだから知ってて当然か！
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。
