如何在 JavaScript 中取得 DOM 元素使用的實際字體名稱？

在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>

註釋：

• 此方法僅傳回為元素指定的主要字體系列。
• 某些瀏覽器（例如​​ Chrome 和 Firefox）支援 CSS 字型介面模組層級 3 中定義的「font-family」屬性。此介面對計算的 font-family 提供更細粒度的控制。

來源：

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

以上是如何在 JavaScript 中取得 DOM 元素使用的實際字體名稱？的詳細內容。更多資訊請關注PHP中文網其他相關文章！