在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中文網其他相關文章!