未定义CSS font-face和font-size属性时,如何获取元素的实际字体和字体大小?
font-face
font-size
例如,JavaScript代码段
object.style.fontFamily
不返回任何值。假设CSS尚未将样式应用于object任何地方,这非常明显。但是,当然,使用某种字体来呈现文本,可能是系统字体或Web浏览器默认字体。
object
例如,JavaScript可以获取该渲染字体吗?
我建议这个功能:
function css( element, property ) { return window.getComputedStyle( element, null ).getPropertyValue( property ); }
用法:
css( object, 'font-size' ) // returns '16px' for instance
注意:getComputedStyle不适用于IE8。
getComputedStyle