Bagaimana untuk Mendapatkan Nama Fon Sebenar yang Digunakan oleh Elemen DOM dalam JavaScript?

Mendapatkan Computed Font-Family dalam JavaScript

Dalam susulan kepada soalan sebelumnya ini, kami berhasrat untuk menyediakan penyelesaian untuk mendapatkan nama fon sebenar elemen DOM menggunakan JavaScript.

Fungsi "gaya terkira" generik mengembalikan rentetan fon penuh yang ditakrifkan untuk elemen, termasuk sandaran. Walau bagaimanapun, untuk memadankan ini dengan entri keluarga fon jatuh turun, kami memerlukan nama fon tetap untuk fon sebenar yang digunakan.

Penyelesaian:

Untuk mendapatkan semula fon-keluarga yang dikira , pertimbangkan pendekatan berikut:

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

Nota:

• Kaedah ini hanya mengembalikan keluarga fon utama yang ditentukan untuk elemen.
• Sesetengah penyemak imbas (cth., Chrome dan Firefox) menyokong sifat "font-family" seperti yang ditakrifkan dalam Modul Antara Muka Fon CSS Tahap 3. Antara muka ini menyediakan kawalan yang lebih terperinci ke atas keluarga fon yang dikira.

Sumber:

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

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nama Fon Sebenar yang Digunakan oleh Elemen DOM dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!