在上一個線程中,準確檢索計算的字體大小的問題已成功解決。然而,取得實際字體名稱仍然存在挑戰,特別是考慮到通用計算樣式函數僅提供完整的字體字串。
為了確保與字體系列下拉式選單的相容性,我們需要元素的精確字體名稱。有沒有可靠的方法來實現這一點,特別是對於廣泛使用的網頁字體?
要使用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中文網其他相關文章!