unicode-range

Syntaxe

Paramètres

Description

Cette propriété permet de définir les limites d'intervalle de la police de caractères Unicode.

Remarques

• Fonction principale : La propriété unicode-range permet de spécifier un intervalle de caractères Unicode devant être utilisée pour le rendu d'un texte dans une police de caractères spécifique. Elle est principalement utilisée avec les règles @font-face pour déterminer quels caractères d'un ensemble de glyphes seront chargés et rendus avec une police de caractères personnalisée.
• Intervalles de caractères : Cette propriété accepte des valeurs sous forme d'intervalles de points de code Unicode, telles que U+0020-007F, couvrant les caractères de la table ASCII. Elle peut également spécifier des caractères individuels comme U+0041, qui représente le caractère "A". Cela permet d'optimiser le chargement des polices de caractères en ne chargeant que les caractères nécessaires.
• Optimisation du chargement des polices de caractères : L'utilisation de unicode-range permet d'éviter de charger toute une police de caractères lorsque seule une petite portion des glyphes est utilisée. Cela améliore les performances, notamment sur les sites multilingues, où plusieurs ensembles de caractères peuvent être nécessaires. Par exemple, on peut utiliser différentes polices pour le latin, le grec ou les caractères asiatiques.
• Interaction avec @font-face : La propriété unicode-range est souvent utilisée à l'intérieur des règles @font-face pour définir des sous-ensembles de caractères spécifiques d'une police de caractères. Par exemple, si vous avez une police qui supporte à la fois le latin et les caractères japonais, vous pouvez spécifier différentes intervalles de caractères dans des règles distinctes pour chaque ensemble de caractères.
• Syntaxe des intervalles de caractères : La syntaxe de unicode-range est basée sur les points de code Unicode et peut inclure des intervalles continues comme U+0041-005A pour les lettres majuscules latines, ou des caractères individuels comme U+3040. Les plages peuvent être combinées pour inclure plusieurs groupes de caractères, ce qui permet de cibler des ensembles complexes.
• Support limité des navigateurs : Bien que la propriété unicode-range soit largement supportée dans les navigateurs modernes, elle n'est pas universellement prise en charge dans toutes les versions des anciens navigateurs. Il est important de tester la compatibilité de cette propriété si vous ciblez un large éventail de navigateurs.
• Cas d'usage pour les sites multilingues : unicode-range est particulièrement utile dans les sites supportant plusieurs langues, notamment pour gérer l'internationalisation. Par exemple, un site multilingue pourrait utiliser des polices de caractères différentes pour les caractères latins, arabes ou chinois, en fonction des besoins de l'utilisateur, tout en économisant de la bande passante en ne chargeant que les caractères nécessaires.
• Impact sur la performance : En spécifiant un intervalle de caractères spécifique pour chaque règle @font-face, vous réduisez la quantité de données à télécharger. Cela peut améliorer le temps de chargement de la page, surtout si les polices de caractères contiennent un grand nombre de glyphes qui ne sont pas utilisés. Cette technique est donc une bonne pratique pour optimiser l'expérience utilisateur sur les sites nécessitant des polices de caractères personnalisées.