Éducation, société et technologie

CSS - Taille des caractères par défaut

vendredi 15 juillet 2005 par André Vincent

Taille des caractères - Valeurs par défaut de la taille des polices

  Sommaire  

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.

Cliquez pour afficher le document source HTML

  Notes

  1. 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.
  2. 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.
  3. 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.
[Testé pour IE/Win version 6, 7 et 8, Safari, 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 :

Source : Exemple

Accueil | Contact | Plan du site | | Statistiques du site | Visiteurs : 16175 / 1832740

Suivre la vie du site fr  Suivre la vie du site Cours Web  Suivre la vie du site Sites web statiques  Suivre la vie du site CSS - Feuilles de styles   ?    |    titre sites syndiques OPML   ?

Site réalisé avec SPIP 3.1.4 + AHUNTSIC

Creative Commons License

Visiteurs connectés : 1