Pourquoi les tailles de police sont-elles différentes

Question

J'ai le html et le css suivants
Dans Firefox, la taille de la police calculée est de 16.66667px
Dans Chrome, la taille de la police calculée est de 13px

Inutile de dire qu'il y a une bonne différence entre ces deux tailles, l'une est trop petite pour être lue, l'autre est bien dimensionnée. Je suppose qu'une façon de contourner le problème est de définir la taille de la police à 16.67px mais pourquoi est-ce le cas.

  Ma première page stylisée

    body {
        font-family: Arial, sans-serif;
        font-size: 10pt;
    }

    Ceci est un peu de texte.

Toutes mes mesures viennent de l'inspecteur d'éléments (en utilisant firebug dans firefox).

Answer 1

Les tailles de police sont différentes car les programmeurs de navigateurs font des hypothèses différentes sur le système de l'utilisateur normal.

Il n'y a rien de mal à cela, et c'est aussi pourquoi vous ne devriez pas utiliser px pour définir la taille de la police. Sur un ordinateur avec un écran haute résolution, votre police sera trop petite. Certainement, 10px sera illisible sur de nombreux ordinateurs.

Je recommande Comment dimensionner le texte en CSS pour un bon aperçu de vos choix.

Answer 2

pt est une unité utilisée pour l'impression et n'est pas fiable pour dimensionner l'écran sur différents navigateurs. Essayez d'utiliser une autre unité comme px, em ou un pourcentage fixe.

Answer 3

Essayez de définir la taille de police en PX comme taille-police:10px