2025-04-04

CSS: text-autospace

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

% diff -u Downloads/theme-7436469074034937227{,-2}.xml
--- Downloads/theme-7436469074034937227.xml	2025-04-04 15:22:39
+++ Downloads/theme-7436469074034937227-2.xml	2025-04-04 15:30:25
@@ -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適用前 text-autospace適用後
text-autospace適用前後

追記

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

0 件のコメント:

コメントを投稿