Размер шрифта - перевод на фактический размер точки

Быстрый вопрос для всех:

Кто-нибудь знает, какой будет фактический размер точки при установке размера шрифта на следующие значения:

  • Большой
  • Большие
  • Средние
  • Малый
  • Меньше
  • X-Large
  • X-Small
  • XX-Large
  • XX-Small

Ответы

Ответ 2

Он может отличаться в зависимости от браузера, но по большей части это должно работать:

Большой - 18 px, что составляет около 13,5 pt

Больше 19 px, что составляет около 14 pt

Среда составляет 16 px, что составляет около 12 pt

Маленький - 13 px, что составляет около 10 pt

Меньше 13 px, что составляет около 10 pt

X-large - 24 px, что составляет около 18 pt

X-small составляет 10 px, что составляет около 7,5 pt

XX-large - 32 px, что составляет около 24 pt

XX-small - 9 px, что составляет около 7 pt

Это связано с тем, что в пикселях отображается размер вычисленного шрифта и конвертируется из в эту таблицу. Эта ссылка также может быть полезна.

Ответ 3

medium - предпочтительный размер шрифта пользователя. Все остальные значения определяются браузером. (источник)

Ответ 5

Если вы можете использовать java script, вы можете, используя элемент canvas, измерить высоту заданного размера шрифта. Размер вернет значение в пикселях для высоты указанного шрифта. Это будет работать только в том случае, если пользователь откалибровал свой экран: большинство из них не имеют значения по умолчанию, как правило, близки для большинства настроек монитора.

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