Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mendapatkan Fon Gunaan dalam CSS Apabila Ia Tidak Ditakrifkan Secara Eksplisit?

Bagaimanakah Saya Boleh Mendapatkan Fon Gunaan dalam CSS Apabila Ia Tidak Ditakrifkan Secara Eksplisit?

Barbara Streisand
Barbara Streisandasal
2024-12-01 21:43:10665semak imbas

How Can I Get the Applied Font in CSS When It's Not Explicitly Defined?

Mendapatkan Fon Gunaan Apabila Tidak Ditakrifkan dalam CSS

Dalam pembangunan web, mungkin perlu mengakses fon sebenar yang digunakan untuk memaparkan elemen apabila CSS tidak menyatakannya secara eksplisit. Ini boleh berlaku dalam kes di mana teks diwarisi daripada gaya lalai atau tersembunyi dalam tetapan lalai sistem atau penyemak imbas.

Untuk mendapatkan semula maklumat ini, anda boleh menggunakan fungsi getComputedStyle:

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

Fungsi ini mengambil dua parameter: elemen dan sifat CSS. Sebagai contoh, untuk menentukan saiz fon objek, anda akan menggunakan:

css(object, 'font-size') // returns '16px' for instance

Adalah penting untuk ambil perhatian bahawa kaedah ini tidak disokong oleh IE8.

Demonstrasi Langsung:

[JS Fiddle Demo](http://jsfiddle.net/4mxzE/)

Demo ini mempamerkan penggunaan fungsi css dalam aplikasi praktikal. Ia memaparkan elemen div dengan fon tersuai dan menggunakan fungsi untuk log fon yang digunakan dalam konsol penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Fon Gunaan dalam CSS Apabila Ia Tidak Ditakrifkan Secara Eksplisit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn