这是这个问题的后续内容.
我正在研究CKEditor的一个组件,这是一个字体下拉菜单的调整版本,它总是显示当前选择的字体系列/大小值,无论它们在何处定义,使用computedStyle和配合.
正如您在其他问题中所看到的,确定字体大小现在可以跨浏览器工作.现在我无法使用该fontFamily属性.我的通用"计算样式"函数仅返回已定义的完整字体字符串,例如
Times New Roman, Georgia, Serif
Run Code Online (Sandbox Code Playgroud)
为了使设置与字体系列下拉列表中的条目相匹配,我需要的是我正在检查的DOM元素的实际字体的固定字体名称.
这可以以某种方式完成,至少对于最常见的Web字体?
当我尝试使用以下代码获取IE或Firefox的元素的整个字体样式时,我只得到一个空的结果,但是使用Chrome和Opera,我得到"normal normal bold normal 20px/normal arial"了我所期望的.
<!-- HTML -->
<div id="test" style="font: bold 20px arial; color: red;">test</div>
// JS
alert($('#test').css('font'));
Run Code Online (Sandbox Code Playgroud)
Wyh会发生这种情况,如何获得完整的字体属性呢?
FIDDLE:http: //jsfiddle.net/mwj12xkv/