Bagaimana untuk Mendapatkan Nama Fon-Keluarga Tertentu menggunakan Gaya Dikira dalam JavaScript?

Mengambil semula Font-Family Terkira dalam JavaScript

Sebagai lanjutan kepada pertanyaan terdahulu, cabaran menangani penentuan fon-keluarga merentas penyemak imbas timbul. Semasa menentukan saiz fon telah diselesaikan, mengenal pasti keluarga fon yang tepat menimbulkan kesukaran tambahan.

Pelaksanaan semasa hanya mengekstrak rentetan fon lengkap, yang mungkin terdiri daripada alternatif bertindan seperti "Times New Roman, Georgia, Serif." Untuk memadankan tetapan menu lungsur turun fon, walau bagaimanapun, kami mencari nama fon tetap yang mewakili fon sebenar yang digunakan oleh elemen DOM di bawah penelitian.

Memanfaatkan kaedah getComputedStyle() yang berkuasa, kami boleh mendapatkan semula fon yang dikira. -keluarga dalam cara yang serasi dengan kebanyakan penyemak imbas utama:

<code class="js">let paragraph = document.querySelector('p');
let computedStyle = window.getComputedStyle(paragraph);
let fontfamily = computedStyle.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

Pendekatan ini memastikan bahawa keluarga fon yang diambil dengan tepat menggambarkan fon yang dipaparkan pada elemen DOM pada masa ini, membolehkan penjajaran menu lungsur turun fon lancar.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nama Fon-Keluarga Tertentu menggunakan Gaya Dikira dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!