如何在 JavaScript 中取得沒有 CSS 字體定義的元素的渲染字體？

在沒有CSS 定義的情況下檢索實際渲染的字體

在JavaScript 領域，開發人員經常需要確定實際渲染的字體用於呈現特定元素的字體，即使CSS 中未明確定義與字體相關的屬性。當系統或網頁瀏覽器採用預設字體設定進行渲染時，就會出現此問題。

解決方案：

要發現隱藏的字體，開發人員可以利用 getCompulatedStyle 函數，該函數提取元素的計算樣式。透過輸入所需的屬性作為參數，可以獲得渲染值，包括字體系列和大小。這是一個簡化過程的自訂函數：

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

用法：

例如，要檢索字體大小，只需呼叫函數即可：

css(object, 'font-size'); // returns '16px', assuming that's the rendered size

重要注意：

• Internet Explorer 8 不支援此方法。
• 函數傳回一個字串，因此可能需要後續處理來提取字體系列等特定資訊或尺寸。

直播演示：

有關實際示例，請訪問 http://jsfiddle.net/4mxzE/ 上的現場演示。這個小提琴示範如何使用 css() 函數來擷取具有未指定字體的 div 元素的渲染字體。

以上是如何在 JavaScript 中取得沒有 CSS 字體定義的元素的渲染字體？的詳細內容。更多資訊請關注PHP中文網其他相關文章！