CSS: text-autospace

Safari 18.4からCSSでtext-autospaceが使えるようになった。Chromeは去年末くらいから使えたらしい。mdn web docsにまだ載ってないな… が、これでCJKとASCII間に4分アキが入る！ありがたい。さっそくCSSに適用。

@@ -215,6 +215,7 @@
 
 body {
   font: /* $(body.font); */ var(--body-font);
+  text-autospace: normal;
   color: /* $(body.text.color); */ var(--body-text-color);
   background: /* $(body.background); */ var(--body-background-color) none repeat scroll top left;
   padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

適用前後でこのくらいの差になった。

text-autospace適用前後

追記

CJKとASCIIの間にタグが挟まれてると4分アキが入らないなあ。