字体大小 - 转换为实际的磅值

Question

快速提问所有人：

有人知道将font-size设置为以下值时的实际磅值：

• 大
• 放大
• 中
• 小
• 较小
• X大
• X - 小
• XX-大
• XX-小

Answer 1

它可能因浏览器而略有不同，但大多数情况下这应该有效：

大是18 px，大约是13.5 pt

大于19 px，大约14 pt

培养基为16 px，约为12 pt

小是13 px，大约10 pt

较小的是13 px，大约10 pt

X大是24 px，大约是18 pt

X-small为10 px，约为7.5 pt

XX-大是32 px，大约是24 pt

XX-小是9 px，大约是7 pt

这是基于以像素为单位查看计算出的字体大小样式并从this chart转换而来。 This link也可能有所帮助。

Answer 2

此图表解释了字体大小与像素的对比：

Answer 3

medium是用户首选的字体大小。所有其他值均由浏览器定义。 （source）

Answer 4

两个好的网络链接可能会回答这个问题：

• Font Conversion Tables
• CSS Font-Size: em vs. px vs. pt vs. percent

Answer 5

如果您能够使用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;