Pour une police de référence de 16px (réglage des préférences par défaut de la plupart des logiciels de navigation), voici un tableau comparatif des différentes tailles (corps) des polices de caractères, selon la méthode et l’unité de mesure utilisée en (X)HTML et en CSS tel qu’interprété par les logiciels de navigation modernes qui respectent les recommandations et les spécifications du World Wide Web Consortium.
Pour plus de détails sur la feuille de style recommandée pour les valeurs des éléments <Hn>, <small> et <big>, voir : Un exemple de feuille de style pour HTML 4.0.
Notes
- L’élément <font> étant déprécié, il est fortement recommandé de ne plus l’utiliser et d’assigner la taille des polices par feuilles de styles. En XHTML, l’élément <font> est invalide.
- Les éléments <big> et <small> imbigués 2 ou 3 fois successivement, ne sont pas toujours interprétés de façon uniforme dans tous les logiciels de navigation.
- Il est à noter que Internet Explorer pour Windows 5 et 5.5 (de même que la version 6 pour Windows et 5 pour Macintosh lorsqu’ils basculent en mode non standard - Quirk) interprètent la taille des caractères définis par mots-clé, une taille plus grande que les valeurs recommandées. Ainsi, medium produit un rendu équivalent à large dans IE5/Win.
Utilitaires
Pour vérifier le calcul du corps exact (converti en pixels) effectué par votre logiciel de navigation, vous pouvez glisser le favelet suivant dans la barre de raccourci de votre logiciel de navigation et cliquer sur le raccourci ; une petite fenêtre s’ouvrira et vous n’avez qu’à pointer sur le texte dont vous désirez obtenir des informations. Pour une utilisation temporaire, vous pouvez aussi cliquer directement sur le lien suivant (dans certaines circonstances, la fenêtre peut s’ouvrir en arrière plan ; faites-la simplement revenir en avant plan) :
Calcul du rendu CSS. [Fonctionne dans IE6/Win, IE5/Mac, et Firefox/Mozilla/Netscape].
MODE D’EMPLOI : Inscrivez le nom de la propriété et déplacer votre curseur dans la page du document actif. La plupart des navigateurs utilisent le nom des propriétés CSS, d’autres, utilisent le nom des propriétés DOM. Observez le nom prédifini de la taille des caractères : si vous voyez font-size, utilisez des noms de propriété CSS (font-family, margin-left, border-style-left, etc.), si vous voyez fontSize, vous devez utiliser des noms de propriété DOM (fontFamily, marginLeft, borderStyleLeft, etc.).
Cet exemple est un complément aux articles suivants :
