CSSで和文組版をすこしだけそれらしく。

ブログを書くにあたってCSSにすこし手をいれた。何しろ5年ぶりに書くのだから,いくらか和文対応を足してもわるくはないだろう。

和文の両端ぞろえ(ベタではない)。 justifyした上で,和文文字間を字間調整の対象に。

text-align: justify;
text-justify: inter-ideograph;

(ところでW3Cのこの記事は面白そうだ。いずれよみたい → CSS Text Module Level 3

font-familyを2019年ぽく游明朝に。 ラテン文字Google FontsからEB Garamondを簡単に混植して,ついでにGeorgiaにフォールバックしておく。

font-family: 'EB Garamond', Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;

見出しだけせめて行頭約物半角ぽく。(実際にはh2以下にも付与)

h1::first-letter {
  font-feature-settings: "palt";
}

ハイフネーション適用。lang="en"しないといけないし,Markdown環境ではつかわないろうけど設定だけしておく。

hyphens: auto;