oujood.com

Comprendre et utiliser la propriété CSS font-kerning

La propriété css font-kerning est un outil utile pour ajuster l'espacement entre les lettres dans un texte et améliorer sa lisibilité et son esthétique. Utilisée avec parcimonie, elle peut être un moyen efficace de donner du caractère à votre design et de créer une expérience de lecture agréable pour vos utilisateurs.
Cet article vous va vous aider à comprendre et utiliser la propriété CSS font-kerning

chercher |

Définition et utilisation da la propriété css font-kerning

La propriété CSS font-kerning permet de gérer la gestion de l'espacement entre les lettres dans un texte. Elle peut être utilisée pour améliorer la lisibilité et l'esthétique d'un texte en ajustant l'espacement entre les lettres de manière précise.

Le kerning est un concept important en typographie, car il permet de contrôler l'espacement entre les lettres d'un mot afin d'obtenir un rendu plus harmonieux et esthétiquement plaisant. Par exemple, sans kerning, il est possible que l'espacement entre certaines lettres soit trop grand, ce qui peut rendre le texte difficile à lire et moins agréable à regarder.

Voici quelques points à prendre en compte lors de l'utilisation de la propriété font-kerning :

La plupart des polices de caractères disposent de données de kerning, mais cette propriété permet de désactiver cette fonctionnalité si nécessaire. Voici quelques exemples de polices qui disposent de la propriété font-kerning :
Arial, Calibri, Cambria, Candara, Constantia, Corbel, Georgia, Helvetica, Lucida Grande, Optima, Tahoma, Trebuchet MS et Verdana.
Il est important de noter que la propriété font-kerning ne fonctionne que si la police de caractères utilisée est capable de kerning. Si vous utilisez une police qui ne dispose pas de données de kerning, la propriété font-kerning n'aura aucun effet.

Elle prend en compte l'espacement entre tous les caractères de type inline, c'est-à-dire qui s'insèrent dans une ligne de texte, comme les lettres, les chiffres et certains symboles. Elle n'affecte pas l'espacement entre les mots ou les lignes de texte.

La Syntaxe CSS font-kerning
font-kerning: auto|normal|none;
Valeurs par défautnormal
Inherited: oui
Animable : non En savoir plus sur l'animable
Version: CSS3
Syntaxe JavaScript: object.style.fontKerning="normal"

Prise en charge de la propriété css font-kerning dans les navigateurs

Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.

Les numéros suivis de -webkit-, -moz-, ou -o- indiquent la première version qui fonctionne avec un préfixe.

ExplorateurGoogle ChromeInternet ExplorerFirefoxSafariOpera
Verssion33
29 -webkit-
79349.1
7 -webkit-
20. 1
16 -webkit


Voici comment utiliser la propriété font-kerning dans votre code CSS :

Exemple       Copier le code

p{
	font-kerning:normal;
}

Valeurs de la propriété font-kerning

La valeur normal est la valeur par défaut et indique que le navigateur doit utiliser sa propre gestion de l'espacement entre les lettres.
la valeur none pour désactiver complètement le kerning
la valeur auto qui indique au navigateur d'utiliser le kerning si celui-ci est disponible dans la police de caractères utilisée.

Il est important de noter que la propriété font-kerning n'est pas prise en charge par tous les navigateurs. Elle est actuellement prise en charge par la plupart des navigateurs modernes, mais il est recommandé de vérifier les limites de prise en charge avant de l'utiliser dans votre projet.




Voir aussi nos tutoriel :

Nouveaux types input

Nouveaux types input

Balise commentaire

Définit un commentaire

XSL tutoriel

XSL tutoriel