Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété font-size-adjust

Description de la propriété font-size-adjust.

Pour l'instant, seul Firefox traite cette propriété (février 2019).

font-size-adjust définit un coefficient d'ajustement de la taille des caractères.

Cette propriété est surtout utile pour homogénéiser la taille des caractères entre la police choisie par le développeur et la police que le navigateur peut employer si la police demandée n'est pas disponible.

Plus précisément, font-size-adjust ajuste le ratio entre la hauteur des minuscules et la taille de la police. Ce ratio s'appelle en anglais aspect value ou encore aspect ratio. En français, on peut parler du coefficient d'aspect ou du ratio d'aspect. Ce coefficient est défini pour chaque police et en principe indiqué dans les spécifications. Nous donnons plus bas cette valeur pour les polices courantes.

Sur les exemples ci-dessous, quatre polices sont affichées dans la même taille. Le premier échantillon montre que la hauteur des minuscules est différente d'une police à l'autre. La propriété font-size-adjust a été appliquée sur le deuxième échantillon : la hauteur des minuscules est maintenant identique pour les quatre polices. Si vous ne constatez pas de différence, c'est que votre navigateur ne traite pas font-size-adjust.


Aa
Arial
Aa
Verdana
Aa
Corsiva
Aa
Futura
font-size-adjust:none;

Aa
Arial
Aa
Verdana
Aa
Corsiva
Aa
Futura
font-size-adjust:0.5;

Syntaxes pour font-size-adjust.

  • font-size-adjust: none;

    Valeur par défaut. Aucun coefficient d'ajustement n'est utilisé.

  • font-size-adjust: 0.54;

    Un nombre sans unité, supérieur à 0 et inférieur à 1 (fréquemment autour de 0.5). La taille des caractères est ajustée, en fonction du nombre indiqué, de façon à ce que les minuscules aient la même taille que celles de la police demandée. Rappelons que font-size-adjust est utile lorsque la police demandée n'est pas disponible et que le navigateur choisit une police de substitution.

    La bonne valeur pour font-size-adjust est donc égale au ratio minuscules/majuscules de la police demandée.

  • font-size-adjust: initial;

    La valeur initiale est none.

  • font-size-adjust: unset; font-size-adjust: inherit;

    Reportez-vous à la description générale de ces valeurs.

Coefficients d'aspect des principales polices.

Police Coefficient d'aspect
font-size-adjust
Échantillon
Arial 0.48 Arial
Arial Black 0.66 Arial Black
Baskerville 0.48 Baskerville
Book Antiqua 0.47 Book Antiqua
Bookman Old Style 0.56 Bookman Old Style
Century 0.50 Century
Century Gothic 0.49 Century Gothic
Century Schoolbook 0.50 Century Schoolbook
Corsiva 0.57 Corsiva
Courier New 0.50 Courier New
Didot 0.49 Didot
Futura 0.37 Futura
Garamond 0.44 Garamond
Geneva 0.48 Geneva
Georgia 0.49 Georgia
Helvetica 0.49 Helvetica
Impact 0.45 Impact
Lucida Console 0.52 Lucida Console
Lucida Grande 0.52 Lucida Grande
Palatino 0.47 Palatino
Tahoma 0.49 Tahoma
Times New Roman 0.48 Times New Roman
Trebuchet MS 0.49 Trebuchet MS
Verdana 0.53 Verdana

Simulateur.

font-size-adjust :
Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf. (2)

(2) Pangramme utilisé par l'armée suisse pour tester le clavier des téléscripteurs (Wikipedia).

Voir aussi...

Polices et caractères - Propriétés.

  • font : Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
  • font-display : Détermine le comportement du navigateur face aux polices de caractères longues à charger.
  • font-family : Définit le nom de la police de caractères.
  • font-feature-settings : Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
  • font-kerning : Ajustement du crénage entre caractères.
  • font-size : Ajuste la taille des caractères.
  • font-stretch : Modifie l'étirement ou la compression des caractères.
  • font-style : Sélectionne les styles italique ou oblique de la police de caractères.
  • font-synthesis : Autorise ou non le calcul des styles manquants dans la police de caractères.
  • font-variant : Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
  • font-variant-alternates : Met en œuvre la substitution de caractères (polices OTF, WOFF).
  • font-variant-caps : Applique une capitalisation des caractères.
  • font-variant-east-asian : Typographie spécifique aux caractères chinois ou japonais.
  • font-variant-ligatures : Active ou désactive la ligature des caractères.
  • font-variant-numeric : Met en œuvre les modes d'affichage des nombres évolués : fractions, numéros, etc.
  • font-weight : Sélectionne une graisse pour les caractères.
  • text-decoration : Choisit le soulignement, le surlignement ou la rayure du texte.
  • text-decoration-color : Définit la couleur du trait de décoration.
  • text-decoration-line : Type de décoration : souligné, barré, etc.
  • text-decoration-style : Type de trait pour la décoration : plein, pointillé, etc.
  • text-shadow : Ombrage du texte.
  • text-transform : Casse du texte (minuscules, majuscules...).

Polices et caractères - Directives.

  • @charset : Indique le jeu de caractères utilisé dans la feuille de styles.
  • @font-face : Définit tous les paramètres d'une police de caractères téléchargeable.
  • @font-feature-values : Définit les variantes typographiques à utiliser.