CSS text-autospace

When mixing CJK (Chinese/Japanese/Korean) and non-CJK characters, many people add whitespace between them to improve readability. Similar to adding spaces around operators in code, like a=1 → a = 1.

Someone even created a web extension to apply this spacing across all web pages. Personally, I agree that it looks great, but adding the whitespace manually is annoying. Thanks to the new CSS property text-autospace, we no longer need to add this 盤古之白 by hand.

In this site, I use normal for all text:

html {
  text-autospace: normal;
}

With text-autospace: no-autospace:

Hello世界，42是一個神秘的number

With text-autospace: normal:

Hello世界，42是一個神秘的number

With manual space:

Hello 世界，42 是一個神秘的 number