Présentation de quatre nouvelles fonctionnalités internationales en CSS

Jack J
Jack J

Quatre nouvelles fonctionnalités CSS internationales du module texte CSS de niveau 4 arrivent dans Chrome. Cet article présente les produits déjà expédiés et ceux qui seront bientôt expédiés.

  • Dans Chrome 119: saut de ligne en japonais avec word-break: auto-phrase.
  • Derrière un indicateur de Chrome 120: espacement entre les scripts avec la propriété text-autospace.
  • En cours de développement: crénage de ponctuation chinois, japonais et coréen (CJK) avec la propriété text-spacing-trim.
  • Taille de police minimale cohérente dans toutes les langues.

Saut à la ligne des expressions en japonais: word-break: auto-phrase

Cette fonctionnalité améliore la lisibilité du texte en japonais et est disponible à partir de Chrome 119

Certaines langues d'Asie de l'Est, telles que le chinois ou le japonais, n'utilisent pas d'espace pour séparer les mots. Par ailleurs, n'importe quel caractère peut être renvoyé à la ligne, même au milieu d'un mot. Il s'agit d'un comportement de saut de ligne normal pour ces langues, mais dans les textes courts, tels que les titres ou les poèmes, il est préférable d'insérer des lignes au niveau des limites naturelles des expressions (en japonais, cette limite est appelée "bunsetsu").

La nouvelle fonctionnalité CSS word-break: auto-phrase spécifie que l'encapsulation doit se produire à ces limites.

<html lang="ja">
<style>
h1 {
  word-break: auto-phrase;
}
</style>

<h1>窓ぎわのトットちゃん<h1>
saut de mot: l&#39;expression automatique place la ligne à la limite de l&#39;expression naturelle.
word-break: auto-phrase encapsule la ligne à la limite de l'expression naturelle.

La détection des limites étant effectuée par un moteur de machine learning, elle peut ne pas produire les résultats escomptés. Dans ce cas, vous pouvez ajuster manuellement les points résistants. Une balise <wbr> ou un espace de largeur zéro (&ZeroWidthSpace;) permet d'appliquer un point d'arrêt, tandis que l'option jointure à largeur nulle (&zwj;) empêche de créer un point d'arrêt.

窓ぎわの<wbr>トットちゃん
ユーザー<wbr>インターフェース

Actuellement, Chrome n'est compatible qu'avec cette fonctionnalité pour le japonais, à l'aide du port BudouX C++ qui utilise la technologie de ML AdaBoost. Pour en savoir plus, consultez Google Developers Japan: BudouX: 読みやすい改たのための軽量の限たたた書籍器.

Nous prévoyons de prendre en charge le coréen et le chinois dans les prochaines versions de Chrome.

Espacement entre les scripts: text-autospace

La fonctionnalité suivante est actuellement signalée par un drapeau dans Chrome. Pour le tester, activez l'indicateur Fonctionnalités expérimentales de la plate-forme Web (disponible dans chrome://flags/#enable-experimental-web-platform-features) dans Chrome 120 ou version ultérieure.

Le chinois et le japonais combinent plusieurs scripts, des caractères han, latins et ASCII, ainsi que des hiraganas et des katakana pour le japonais. De petits espaces lors du passage de scripts idéographiques non-Han à des scripts idéographiques non-Han améliorent souvent la lisibilité.

Chrome prévoit de commencer à insérer des espaces entre les scripts par défaut. Cette fonctionnalité apporte sur le Web une pratique courante, couramment utilisée dans les documents imprimés pour améliorer la lisibilité.

La nouvelle valeur par défaut applique de petits espacements pour une meilleure lisibilité, qui peuvent être contrôlés avec l&#39;espace de texte automatique.
La nouvelle valeur par défaut applique de petits espacements pour une meilleure lisibilité. Ce paramètre peut être contrôlé avec text-autospace.

Si vous souhaitez désactiver ce comportement, la propriété text-autospace vous permet de contrôler l'insertion des espacements.

text-autospace: no-autospace;

Créneau de ponctuation CJK: text-spacing-trim

La fonctionnalité suivante est en cours de développement et devrait être activée par défaut dans Chrome.

En chinois, en japonais et en coréen, l'application d'un crénage entre les caractères de ponctuation améliore la lisibilité et permet d'obtenir une typographie plus agréable visuellement. Aujourd'hui, la plupart des documents imprimés et des traitements de texte appliquent ce crénage.

Par exemple, les points et les parenthèses de fermeture CJK sont généralement conçus pour comporter des espacements internes des glyphes sur la moitié droite des espaces glyphes, de sorte que chaque caractère ait une avance constante.

Mais lorsque ces caractères de ponctuation apparaissent à la suite, les espacements internes des glyphes deviennent excessifs. Dans les deux exemples suivants, le deuxième correspond à la typographie correcte ; la moitié droite du point CJK doit être supprimée.

Lorsque des signes de ponctuation apparaissent sur une ligne, la moitié droite du point CJK doit être supprimée.
Lorsque des signes de ponctuation apparaissent à la suite, la moitié droite du point CJK doit être supprimée.

Le comportement par défaut donne généralement de bons résultats, mais les développeurs peuvent utiliser la propriété text-spacing-trim pour choisir différents styles ou la désactiver dans certains cas.

Taille de police minimale cohérente dans toutes les langues

Avant Chrome 118, les tailles de police inférieures à 10 pixels environ n'étaient pas affichées comme prévu, mais elles étaient arrondies si la langue était l'arabe, le farsi, le coréen, le japonais, le farsi, le japonais, le thaï, le chinois simplifié ou le traditionnel. Les développeurs avaient besoin de solutions alternatives pour afficher un texte en petits caractères, par exemple en utilisant la propriété transform.

À compter de Chrome 118, cette limite est levée pour toutes les langues. Les sept langues proposées correspondent aux autres. Ce changement améliore l'interopérabilité avec d'autres navigateurs.

À partir de Chrome 118, la limite selon laquelle les tailles de police inférieures à 10 pixels environ ne sont pas affichées comme spécifiée est levée pour l&#39;arabe, le farsi, le coréen, le japonais, le thaï, le chinois simplifié ou le traditionnel.
À partir de Chrome 118, la limite selon laquelle les tailles de police inférieures à 10 pixels environ ne sont pas affichées comme spécifiée sera levée pour l'arabe, le farsi, le coréen, le japonais, le thaï, le farsi, le chinois traditionnel et le thaï.

Interagir et donner votre avis

Si vous avez des commentaires sur ces fonctionnalités, veuillez signaler votre problème sur crbug.com.