Bagaimana untuk Menentukan Nama Fon-Keluarga Dikira Sebenar dalam JavaScript?

Menentukan Nama Keluarga Fon Terkira dalam JavaScript

Dalam urutan sebelumnya, isu mendapatkan semula saiz fon yang dikira dengan tepat telah berjaya diselesaikan. Walau bagaimanapun, cabaran berterusan dalam memperoleh nama fon sebenar, terutamanya memandangkan fungsi gaya pengiraan generik hanya menyediakan rentetan fon yang lengkap.

Untuk memastikan keserasian dengan menu lungsur keluarga fon, kami memerlukan nama fon elemen yang tepat. . Adakah terdapat kaedah yang boleh dipercayai untuk mencapai perkara ini, terutamanya untuk fon web yang digunakan secara meluas?

Penyelesaian

Untuk mendapatkan keluarga fon yang dikira menggunakan JavaScript daripada DOM, ikut langkah 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>

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

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