Please add default css text-autospace: normal for better CJK content layouting

自在の偶

It will be a great help to reduce manual inputting and mistakes.
This css feature would handle spacing between CJK characters and latin letters/numbers, automatically. Thus, translators and users don't need to input space manually between them.

huoxin

This is still quite a new css feature though, its baseline 2025, chrome mobile just support this last month

If you want to try it out, just add this to your custom css:

.Post-body {
    text-autospace: normal;
}

just Post-body should be enough i guess? 😶‍🌫️

Things like text-autospace: replace are actually not even supported by any mainstream browser yet

Subarist

I've been using Pangu for a long time, whether through JavaScript or PHP integration.

Now that CSS Level 4 is becoming more widely supported, being able to handle this directly in CSS is definitely the ideal approach.

Safari is handling the layout correctly now as well.😍

以前寫一堆，現在：

body {
    text-autospace: normal;
}

自在の偶

huoxin I could use it on my sites.
But I think it should be a system-wide-level feature for all CJK sites and translators. Otherwise some translators are still adding hundreds and thousands space, manually. And some site even has posting-rule asking all users to add space manually, while posting contents.
Although it's a new feature, it has been widely supported now. Just one line, saving many seconds for useless space characters. Even though some old browsers do not support it, but no side-effects neither, uses won't aware of that.

自在の偶

Subarist Yes, that's amazing. I just happened to see this and thinking that why this haven't been popular as soon as it was been created. 😂

huoxin

自在の偶 ~~But one main issue is that if the original post already had the spacing, adding it will result in double spacing, thats why text-autospace: replace is actually needed~~
e.g.
original content:

一共 53 个

~~after adding text-autospace:~~

一共  53  个

I did a test
The post content is:

一共53个
一共 53 个

Then I tried toggling between enabled and disabled text-autospace, the line with the spacing actually didnt change, it is the added text-autospace that has a smaller width than normal space

Subarist

huoxin
Yes, that’s correct—the current behavior is like this. Also, the spacing of spaces can vary depending on different browsers or versions. Firefox, in particular, shows this more noticeably.
But I think it’s already a very friendly improvement. And it works for CJK across almost all languages.

ClaudiusH

Something to be aware of is tha text-autospace: normal should be the default according to the spec. But browsers so far have implemented no-autospace as the default currently. The view is that the default will be changed to normal in the future. Reasons are discussed here: w3c/csswg-drafts12386

自在の偶

ClaudiusH wow. I am glad to see that. we can wait.