未在CSS中定义时如何获取实际呈现的字体？

Question

未定义CSS font-face和font-size属性时，如何获取元素的实际字体和字体大小？

例如，JavaScript代码段

object.style.fontFamily

不返回任何值。假设CSS尚未将样式应用于object任何地方，这非常明显。但是，当然，使用某种字体来呈现文本，可能是系统字体或Web浏览器默认字体。

例如，JavaScript可以获取该渲染字体吗？

Answer 1

我建议这个功能：

function css( element, property ) {
    return window.getComputedStyle( element, null ).getPropertyValue( property );
}

用法：

css( object, 'font-size' ) // returns '16px' for instance

注意：getComputedStyle不适用于IE8。