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
Lepaskan: 2024-12-01 21:43:10
asal
708 orang telah melayarinya

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);
}
Salin selepas log masuk

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
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan