在JavaScript中获取计算字体家族
这是这个问题的后续。
我正在研究CKEditor的一个组件,这是一个字体下拉菜单的调整版本,它使用computedStyle
和consorts始终显示当前选定的字体系列/大小值,无论它们在何处定义。
正如您在其他问题中所看到的,现在确定字体大小是跨浏览器的。 现在我无法使用fontFamily
属性。 我的通用“计算风格”函数只返回定义的完整字体string,例如
Times New Roman, Georgia, Serif
我需要的是,为了匹配字体系列下拉列表项的设置,是我正在检查的DOM元素的实际字体的固定字体名称 。
这可以以某种方式完成,至less对于最常见的Web字体?
我不认为有任何方法可以直接做,但Lalit Patel提出了一种巧妙的技术,创build一个元素,并在元素的宽度上猜测字体。
UA从列表中find第一个字体。 安装在操作系统上的字体并不是DOM的一部分,所以你可以做的最好的就是猜测。