font

Syntaxe

Paramètres

Description

Cette propriété permet d'indiquer tous les détails de la police de caractères utilisé.

Remarques

• Propriété raccourcie : La propriété font est une propriété raccourcie qui permet de définir plusieurs aspects de la police de caractères en une seule déclaration, comme la taille, le style, la hauteur de ligne, et la famille de police. Par exemple : font: italic 16px/1.5 "Arial", sans-serif; applique un style italique, une taille de 16px, une hauteur de ligne de 1.5, et une famille de police de caractères spécifique.
• Ordre des valeurs obligatoire : Lors de l'utilisation de font, l'ordre des valeurs est strict. Vous devez d'abord spécifier les styles facultatifs (comme italic ou bold), suivi de la taille de police de caractères, éventuellement de la hauteur de ligne après une barre oblique (/), et enfin de la famille de police de caractères. Toute omission ou désordre peut entraîner des résultats inattendus.
• Taille de police obligatoire : La taille de la police est la seule valeur obligatoire dans la propriété font. Si elle est omise, la déclaration entière sera invalidée. Par exemple, font: bold "Arial"; ne fonctionnera pas car la taille n'est pas spécifiée.
• Combinaison avec d'autres propriétés : Bien que font soit une propriété pratique, elle écrase les propriétés individuelles comme font-style, font-variant, font-weight, ou line-height. Si vous avez besoin d'ajouter ou de modifier une seule de ces propriétés, il est souvent préférable de les déclarer individuellement.
• Support des polices de caractères Web : La propriété font permet de combiner des polices locales (comme "Arial") avec des polices de caractères Web importées via @font-face ou des services comme Google Fonts. Par exemple, font: 400 14px/1.6 "Roboto", sans-serif; intègre une police de caractères Web tout en fournissant une police de secours.
• Gestion des polices de secours : La dernière valeur de la propriété font doit toujours être une police de caractères générique (serif, sans-serif, monospace,...) pour garantir une compatibilité maximale. Si une police spécifique n'est pas disponible, le navigateur utilisera la police générique spécifiée.
• Unités de taille flexibles : La taille de la police de caractères dans la propriété font peut être exprimée en unités absolues (px, pt) ou relatives (em, rem, %). Les unités relatives, comme em ou rem, sont recommandées pour améliorer la réactivité et l'accessibilité des sites web.
• Impact sur la lisibilité : Une mauvaise configuration de la propriété font, comme une taille trop petite ou un choix de police de caractères inapproprié, peut gravement affecter la lisibilité. Par exemple, des polices cursives avec un faible contraste ou une taille de police inférieure à 12px peuvent nuire à l'expérience utilisateur, notamment pour les utilisateurs malvoyants.