日本語の CSS タイポグラフィ
Chrome が(プロトタイプ)実装しているもの一覧。
文節区切りでの折返し
code: css
.text {
word-break: normal;
}
lang="ja" な要素に対して word-break: auto-phrase; を指定していると BudouX を使って文節区切りで折り返しする。Chrome 119 以降で使える。
和欧間スペース
code: css
.text {
/* ideograph-alpha ideograph-numeric と等価 */
text-autospace: normal;
}
デフォルトでCJKとアルファベット、数字間に自動でスペースを入れる。Chrome Canary で experimental web platform features フラグを有効化すると使える。
四分では大きすぎという議論があり、Webでの標準は全角の1/8になる見込みです。
どうやら記号類について考慮する必要があるようだ。
割といろいろあるように思いますが、先日少し気にしてみていたところだと、記号類が多かったような気がします。
C#
Love Live!
12%
-12
~12
また半角カナの扱いについて議論中。
現在のCSSの和欧間アキプロパティ "text-autospace" では、半角カナは、欧文(non-ideographic letters)として分類されています。JLREQではご承知のように半角・全角の区別をしていないため、この部分は定義されていないと理解しています。
この仕様だと、和文と半角カナの間にアキが入ってしまいます。これは望まれない挙動だと理解していますが、ご意見いただけますでしょうか?
この仕様を修正すると仮定した場合、半角カナは、「和字」とするか、「その他記号」扱いにするか、という疑問が残ります。これは、半角カナと欧文の間にアキを挿入するかどうか、という挙動に影響します。
互換文字であるということを考慮すれば、半角カナと欧文の間にアキは挿入しない、で良いと思いますが、こちらもご意見いただけますでしょうか?
行頭約物詰め
code: css
.text {
text-spacing-trim: space-first;
}
行頭の約物(、 「 など)を詰めるかどうか指定する。デフォルト挙動は議論中。Chrome Canary で experimental web platform features フラグを有効化すると使える。
CSS text-spacingの行頭約物処理のデフォルト候補は
A. 行頭約物すべて詰める (trim-auto)
B. 折り返し行頭のみ詰める (space-first)
C. 行頭約物すべて詰めない (space-start)
Aだと既存コンテンツ(電子書籍・小説など)に悪影響が出るため現在ドラフト仕様はB。
しかしBはポータルサイトの見出し一覧などで違和感があると指摘があり議論に。