Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。
その他 Limited support

text-autospace

text-autospace はCJK文字とラテン文字が混在するテキストで、自動的に適切なスペーシングを挿入する機能です。手動でスペースを挿入する必要がなくなり、多言語コンテンツの組版品質を向上させます。日本語や中国語のWebサイトでの文字間調整に特に有用です。

多言語組版文字間スペース

概要

text-autospace はCJK文字とラテン文字が混在するテキストで、自動的に適切なスペーシングを挿入する機能です。手動でスペースを挿入する必要がなくなり、多言語コンテンツの組版品質を向上させます。日本語や中国語のWebサイトでの文字間調整に特に有用です。

対応ブラウザ

デスクトップ

Chrome 未対応
Edge 未対応
Safari 未対応
Firefox 未対応

基本構文

CSS 
.mixed-text {
  text-autospace: ideograph-alpha
    ideograph-numeric;
}

実務での使いどころ

  • 多言語テキストの自動スペーシング

    日本語と英語が混在するテキストで、文字種の境界に自動的に適切な間隔を挿入します。

注意点

  • 現時点ではブラウザサポートがなく、実験的な機能です。

アクセシビリティ

  • 適切なスペーシングはテキストの読みやすさを向上させ、すべてのユーザーにとってアクセシブルなコンテンツを提供します。

参考リンク