如何在 JavaScript 中取得渲染的字體和大小？

揭開渲染字體：存取實際字體和大小

在Web 開發領域，通常需要檢索實際字體和大小元素，特別是在處理動態生成的內容或未明確定義CSS 樣式的情況時。這項任務可能具有挑戰性，因為 JavaScript 存取樣式屬性（例如 object.style.fontFamily）的傳統方法不會產生任何結果。

不用擔心，因為有一個解決方案，可以授予 JavaScript 揭示渲染字體的能力屬性。 getComputedStyle 方法掌握著存取計算樣式的關鍵，包括我們尋求的與字體相關的屬性。

這是一個利用getCompulatedStyle 方法的JavaScript 函數：

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

要使用此函數，例如，檢索元素的字體大小，只需呼叫css(object, 'font-size' ) 即可。這將傳回一個類似 '16px' 的值，代表實際渲染的字體大小。

值得注意的是，IE8 不支援 getCompulatedStyle。此外，由於系統預設值或瀏覽器覆蓋，計算出的字體可能不會總是與 CSS 中定義的所需字體對齊。儘管如此，此函數提供了一種可靠的方法來檢索實際渲染的字體屬性，使開發人員能夠更好地控制其網頁的視覺呈現。

以上是如何在 JavaScript 中取得渲染的字體和大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！