web-dev-qa-db-fra.com

Taille de police - Conversion en taille réelle des points

Question rapide pour tout le monde:

Quelqu'un sait-il quelle serait la taille réelle des points lors de la définition de la taille de police sur les valeurs suivantes:

  • Grand
  • Plus grand
  • Moyen
  • Petit
  • Plus petite
  • X-Large
  • X-Small
  • XX-Large
  • XX-Petit
htmlcssfont-size
22
Jim B

Les tailles de police en pixels sont expliquées par ce tableau:

enter image description here

13
bpeterson76

Cela peut varier légèrement selon le navigateur, mais pour la plupart, cela devrait fonctionner:

Grand est de 18 px qui est d'environ 13,5 pt

La plus grande est de 19 px, soit environ 14 pt

Le support est de 16 px, ce qui représente environ 12 pt

Petit est de 13 px qui est d'environ 10 pt

Plus petit est 13 px, ce qui est d'environ 10 pt

X-large est de 24 px, ce qui est d'environ 18 pt

X-small est de 10 px, ce qui est d'environ 7,5 pt

XX-large est de 32 px qui est d'environ 24 pt

XX-small est de 9 px, ce qui représente environ 7 pt

Ceci est basé sur la visualisation du style de taille de police calculé en pixels et la conversion de ce graphique . Ce lien pourrait également être utile.

20
user734709

medium est la taille de police préférée de l'utilisateur. Toutes les autres valeurs sont définies par le navigateur. ( source )

4
Ignacio Vazquez-Abrams

Deux bons liens Web pourraient répondre à cette question:

1
Bjoern

Si vous êtes en mesure d'utiliser Java alors vous pouvez, en utilisant un élément canvas, mesurer la hauteur d'une taille de police donnée. La taille renverra une valeur en pixels pour la hauteur de la police que vous Cela ne fonctionnera que si l'utilisateur a calibré son écran: la plupart ne l'ont pas, mais les valeurs par défaut sont généralement proches pour la plupart des configurations de moniteur.

var cvs = document.getElementById("myCanvas");
var ctx = cvs.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World";
var size = ctx.measureText(txt).height;
1
Ray Whitfield