font-size-adjust |
Ajustement de la taille de la police |
---|---|
CSS |
Syntaxe
font-size-adjust: paramètres; |
Paramètres
Paramètre | Description | ||
---|---|---|---|
paramètres | Ce paramètre de propriété permet d'indiquer le ratio (x-height/font-size) : | ||
Valeur | Aperçu | Description | |
none | Ceci est un texte d'exemple | Cet attribut permet d'indiquer que l'affichage de la police de caractères normal | |
0.10 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.10 | |
0.20 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.20 | |
0.25 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.25 | |
0.30 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.30 | |
0.35 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.35 | |
0.50 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.50 | |
0.60 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 0.60 | |
1.00 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 1.00 | |
2.00 | Ceci est un texte d'exemple | Cette valeur permet d'indiquer que l'affichage de la police de caractères à un ratio de 2.00 | |
... | ... | ... |
Description
Cette propriété permet de fixer la variante (normal, majuscule,...) de la police de caractères utilisé.
Remarques
- Définition et objectif : La propriété font-size-adjust permet de maintenir une hauteur de ligne constante lors de l'utilisation de différentes polices de caractères. Elle ajuste la taille de la police de caractères de manière à ce que la hauteur des lettres comme "x" (appelée hauteur de x) reste proportionnelle, même si la police de caractères change. Cela permet de maintenir une meilleure lisibilité, en particulier lors du changement de police de caractères.
- Propriétés des polices de caractères et compatibilité : L'objectif de font-size-adjust est d'optimiser la lisibilité des textes quand différentes polices de caractères sont utilisées, en ajustant la taille de la police de caractères tout en maintenant la hauteur de x de manière cohérente. Cette propriété est particulièrement utile lorsque vous chargez des polices de caractères personnalisées sur un site et que vous voulez que le texte reste lisible quelle que soit la police de caractères.
- Valeur de font-size-adjust : La propriété prend une valeur numérique, représentant le ratio de la hauteur de x d'une police de caractères par rapport à la hauteur de x d'une autre police de caractères (généralement une police de caractères "de base"). Par exemple, si vous appliquez font-size-adjust: 0.5, la taille de la police de caractères sera ajustée pour que la hauteur de x corresponde à celle de la police de référence, ce qui peut éviter des décalages ou des incohérences visuelles.
- Utilisation avec des polices de caractères Web : L'utilisation de font-size-adjust est particulièrement importante dans les contextes où des polices de caractères personnalisées sont utilisées sur des sites web. Sans cette propriété, une police personnalisée pourrait avoir une hauteur de ligne différente de celle de la police de caractères par défaut, ce qui pourrait affecter l'apparence du texte, surtout si plusieurs polices de caractères sont employées sur un même site.
- Support des navigateurs Web : Bien que la propriété font-size-adjust soit prise en charge par de nombreux navigateurs Web modernes, elle n'est pas universellement prise en charge par tous. Il est important de vérifier la compatibilité des navigateurs, notamment pour les anciens navigateurs ou ceux ne supportant pas pleinement les polices personnalisées, avant d'utiliser cette propriété dans des projets à grande échelle.
- Problèmes d'harmonie typographique : Lors du passage d'une police de caractères à une autre, surtout dans des contextes où des tailles de police de caractères dynamiques sont utilisées (comme dans les designs réactifs), la hauteur de x peut changer considérablement. font-size-adjust permet d'éviter que ces différences d'apparence ne perturbent l'harmonie typographique du texte sur la page.
- Relation avec font-family : Cette propriété est utilisée conjointement avec font-family pour garantir que, lors du passage d'une police de caractères à une autre, l'espacement et la lisibilité du texte ne soient pas affectés de manière indésirable. Elle permet ainsi d'assurer une transition en douceur entre différentes polices de caractères tout en maintenant la lisibilité, ce qui est essentiel dans des conceptions de type "fluides" ou multi-polices de caractères.
- Alternatives et précautions : Bien que font-size-adjust puisse être utile pour maintenir la lisibilité entre différentes polices de caractères, il est parfois préférable de s'assurer que la police de caractères choisie soit bien adaptée à l'usage prévu, notamment en utilisant des polices dont la hauteur de x est cohérente ou en ajustant manuellement la taille de la police pour éviter l'usage excessif de cette propriété, ce qui pourrait compliquer la mise en page.
Dernière mise à jour : Dimanche, le 20 décembre 2015