Chrome 123 now supports the CSS text-spacing-trim property for CJK Punctuation Width Adjustment.
In Chinese, Japanese, and Korean, applying kerning between punctuation characters improves the readability and produces more visually pleasing typography. Most printed materials and word processors apply this kerning today.
Currently, the Chrome implementation relies on fonts containing halt/vhal, chws/vchw OpenType features; however, Google Fonts removes them when subsetting, making text-spacing-trim unusable in Chrome.
yisibl
commented
1 day ago
Describe the bug
Chrome 123 now supports the CSS text-spacing-trim property for CJK Punctuation Width Adjustment.
In Chinese, Japanese, and Korean, applying kerning between punctuation characters improves the readability and produces more visually pleasing typography. Most printed materials and word processors apply this kerning today.
This blog post illustrates the feature: https://developer.chrome.com/blog/css-i18n-features#cjk_punctuation_kerning_text-spacing-trim
Currently, the Chrome implementation relies on fonts containing
halt/vhal,chws/vchwOpenType features; however, Google Fonts removes them when subsetting, making text-spacing-trim unusable in Chrome.To Reproduce
Demo: https://codepen.io/yisi/pen/vYMJPyK Please test with Chrome Canary
125.0.6407.0, there was an issue before that.Expected behavior
Expect the same effect as the iconfont.cn in the example. The spacing between colons(
：) and quotation(「) marks becomes smaller.Screenshots
The font is: Noto Serif SC