CSS タイポグラフィ実装ルール

この skill は、tak-dcxi の Typography gist をもとに、日本語中心または多言語 UI のタイポグラフィ実装判断を揃えるためのものです。 kiso.css を採用している前提で整理し、未採用の場合は必要な reset を @layer reset へ移植する前提で使います。

この skill を使う場面

• font-family や font-weight の方針を決めるとき
• 日本語と英語が混在する見出しや本文の折り返しを設計するとき
• text-wrap, font-kerning, font-feature-settings, text-autospace などの使い分けを決めるとき
• line-height, text-box-trim, hanging-punctuation, line-clamp をレビューするとき
• clamp() を使った流体タイポグラフィや px / rem の使い分けを決めるとき
• 手動改行、文節改行、分離禁止のような文章組版の細部を扱うとき
• AI が生成した文字組み CSS に危ない指定が混ざっていないか確認するとき

前提