Bagaimana untuk Mendapatkan Nama Keluarga Font Sebenar dalam JavaScript?

Dapatkan Nilai Keluarga Font Sebenar dalam JavaScript

Dalam soalan sebelumnya, telah dibincangkan cara mendapatkan saiz fon melalui JavaScript. Sekarang, kita akan meneroka cara untuk menentukan nama keluarga fon sebenar daripada gaya pengiraan elemen DOM.

Secara lalai, fungsi gaya dikira hanya mengembalikan keseluruhan definisi fon, termasuk tindanan keluarga fon penuh. Walau bagaimanapun, untuk memilih fon dalam menu lungsur, kami memerlukan nama tepat fon yang sedang digunakan.

Penyelesaian

Untuk mengekstrak nama keluarga fon sebenar, gunakan kod berikut:

let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family');

Ini akan mengembalikan rentetan seperti "Times New Roman", yang boleh dipadankan dengan pilihan dalam menu lungsur keluarga fon anda.

Sokongan Penyemak Imbas

Kod di atas disokong dalam semua penyemak imbas utama, memberikan cara yang konsisten untuk mendapatkan nilai keluarga fon yang dikira.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nama Keluarga Font Sebenar dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!