如何在 JavaScript 中確定實際計算的字體系列名稱？

在 JavaScript 中確定計算的字體系列名稱

在上一個線程中，準確檢索計算的字體大小的問題已成功解決。然而，取得實際字體名稱仍然存在挑戰，特別是考慮到通用計算樣式函數僅提供完整的字體字串。

為了確保與字體系列下拉式選單的相容性，我們需要元素的精確字體名稱。有沒有可靠的方法來實現這一點，特別是對於廣泛使用的網頁字體？

解決方案

要使用JavaScript 從DOM 取得計算的字型系列，請依照下列步驟操作：

<code class="javascript">let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

參考：https://developer.mozilla. org/en-US/docs/Web/API/Window/getCompulatedStyle

以上是如何在 JavaScript 中確定實際計算的字體系列名稱？的詳細內容。更多資訊請關注PHP中文網其他相關文章！