在JavaScript中获取计算字体系列

时间:2009-12-25 08:54:58

标签: javascript css computed-style

这是this question的后续内容。

我正在研究CKEditor的一个组件,这是一个字体下拉菜单的调整版本,它始终显示当前所选字体系列/大小值,无论它们在何处定义,都使用{{1和配偶。

正如您在其他问题中所看到的,确定字体大小现在可以跨浏览器工作。现在我无法使用computedStyle属性。我的通用“计算样式”函数仅返回已定义的完整字体字符串,例如

fontFamily

为了使设置与字体系列下拉列表中的条目相匹配,我需要的是DOM元素的实际字体固定字体名称我正在检查

这可以以某种方式完成,至少对于最常见的网络字体?

2 个答案:

答案 0 :(得分:9)

我认为没有任何方法可以直接进行,但Lalit Patel提出了一种巧妙的技术,可以创建一个带有一些字母的元素,并从元素的宽度猜测字体。

请参阅http://www.lalit.org/lab/javascript-css-font-detect

答案 1 :(得分:2)

UA选择它找到的列表中的第一个字体。操作系统上安装的字体实际上并不是DOM的一部分,因此您可以做的最好的就是猜测。