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

【问题标题】：Font Size - Translating to actual point size字体大小 - 转换为实际磅值
【发布时间】：2011-08-20 05:31:41
【问题描述】：

每个人的快速问题：

有谁知道将字体大小设置为以下值时实际的磅值是多少：

大
更大
中等
小
更小
超大
X-小
XX-大
XX-小

【问题讨论】：

标签： html css font-size

【解决方案1】：

此图表解释了字体大小到像素：

【讨论】：

你的来源是什么 - 你能加个链接吗？
@anuswadh 抱歉，已经 2 年多了....不知道我从哪里得到的。但是，它仍然是准确的！

【解决方案2】：

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

【讨论】：

我找不到第二个链接。
@ChrisW 链接不见了。我在里面放了另一个链接！ :-)

【解决方案3】：

如果您能够使用 java 脚本，那么您可以使用画布元素测量给定字体大小的高度。大小将返回您指定的字体高度的像素值。这只有在用户校准了他们的屏幕时才有效：大多数都没有，但对于大多数显示器设置来说，默认值通常是接近的。

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

【讨论】：

TextMeasure 似乎没有 height 属性。

【解决方案4】：

可能会因浏览器而略有不同，但在大多数情况下应该可以：

Large 是 18 px，大约是 13.5 pt

更大的是 19 px，大约是 14 pt

Medium 是 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

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

【讨论】：

font-size:larger 是初始的 120%，即 16px 作为 100%，所以 large = 19.2px

【解决方案5】：

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

【讨论】：