Polices à chasse fixe dans les navigateurs web
Petit rappel sur la taille des polices de caractères à chasse fixe dans les navigateurs web ; une particularité assez génante qui m'a pertubé ces derniers jours avant de me rappeler où j'avais pu lire la manière de la contourner...
Vous pouvez définir dans les préférences des navigateurs web la taille des police de caractères ; elle est de 16px par défaut, sauf pour les polices à chasse fixe où elle est de 13px. Ce qui fait que les 2 lignes suivantes n'auront pas la même taille :
<p>Lorem ipsum</p>
<pre>Lorem ipsum</pre>
Le test peut être effectué avec tout élément html auquel le navigateur applique une police de caractères à chasse fixe : pre, tt, code, kbd ou samp.
Tenter de forcer la taille avec une déclaration CSS explicite n'y suffira pas ; pour corriger ce comportement, il faudra surtout déclarer une série de familles de police de caractères :
pre, tt, code, kbd, samp {
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
MEYER, Eric. Fixed Monospace Sizing. meyerweb,