首頁 > web前端 > css教學 > 主體

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

DDD
發布: 2024-10-24 06:28:02
原創
953 人瀏覽過

How to Determine the Actual Computed Font-Family Name in 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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板