Размер шрифта - перевод в фактический размер точки - PullRequest
Новая
       2

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

20 голосов
/ 06 мая 2011

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

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

  • Большой
  • Большой
  • Средний
  • Маленький
  • Меньший
  • X-большой
  • X-маленький
  • XX-большой
  • XX-маленький

Ответы [ 5 ]

19 голосов
/ 06 мая 2011

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

Большой размер - 18 пикселей, что составляет около 13,5 пунктов

Больше - 19 пикселей, что составляет около 14 пунктов * 1005.*

Среднее - 16 пикселей, что составляет около 12 пт

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

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

X- большая 24 пикселя, что составляет около 18 пт

X-small составляет 10 пикселей, что составляет около 7,5 пт

XX-большая составляет 32 пикселя, что составляет около 24 пт

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

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

9 голосов
/ 06 мая 2011

Размер шрифта в пикселях объясняется этой диаграммой:

enter image description here

3 голосов
/ 06 мая 2011

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

1 голос
/ 19 марта 2013

Если вы можете использовать java-скрипт, вы можете, используя элемент 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;
1 голос
/ 06 мая 2011
...