CSS字體屬性未定義時，如何在JavaScript中取得實際渲染的字體？

在CSS 中未定義時存取實際渲染的字體

存取元素的字體屬性時，JavaScript object.style.fontFamily 和object如果未明確設定對應的CSS 屬性，.style.fontSize 可能會傳回空值。但是，這並不意味著該元素在沒有字體的情況下呈現。瀏覽器通常會套用預設或繼承的樣式，這些樣式定義實際渲染的字體。

要檢索渲染的字體訊息，您可以使用getCompulatedStyle 方法：

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

例如：

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

此方法傳回指定屬性的計算值，即使它沒有在CSS。

注意： IE8 不支援 getCompulatedStyle。

現場示範：

[https://jsfiddle .net/4mxzE/](https://jsfiddle.net/4mxzE/)

以上是CSS字體屬性未定義時，如何在JavaScript中取得實際渲染的字體？的詳細內容。更多資訊請關注PHP中文網其他相關文章！