CSS的text-spacing属性

[xfq]

https://github.com/sparanoid/chinese-copywriting-guidelines?tab=readme-ov-file#text-spacing-to-the-rescue

CSS Text Module Level 4 的 text-spacing 和 Microsoft 的 -ms-text-autospace 可以實現自動為中英文之間增加空白。不過目前並未普及，另外在其他應用場景，例如 macOS、iOS、Windows 等用戶介面目前並不存在這個特性，所以請繼續保持隨手加空格的習慣。

这里是否可以考虑更新一下？macOS/iOS已经支持了，浏览器也在支持中。

参考：

• https://zhuanlan.zhihu.com/p/128165555 (iOS)
• https://tech.sina.cn/digi/nb/2019-06-06/detail-ihvhiews7042715.d.html (macOS)
• https://developer.chrome.com/blog/css-i18n-features#inter-script_spacing_text-autospace (Chrome)
• https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes#CSS (Safari)

[chaoren1641]

一年了，Chrome 还没有正式支持啊，中国的前端开发者一起去提一提意见吧。😄

[xfq]

可以去相关issue +1 / thumbs up：

• https://issues.chromium.org/issues/40275399
• [css-text] Use the Unicode East Asian Auto Spacing for text-autospace w3c/csswg-drafts#11013
• Lack of support for applying extra spacing between Chinese/Japanese and Western text w3c/clreq#401

[yisibl]

好消息：

text-autospace 已经在 Safari 18.4 中正式发布，不过目前默认值还不是 normal，意味着你需要在网页中添加以下样式手动开启。

:root {
  text-autospace: normal;
}

• https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes#CSS:~:text=Added%20support%20for%20text%2Dautospace
• https://webkit.org/blog/16406/release-notes-for-safari-technology-preview-210/