Rumah > hujung hadapan web > tutorial css > Semak fon terpakai pada halaman web

Semak fon terpakai pada halaman web

PHPz
Lepaskan: 2024-07-17 06:28:49
asal
1097 orang telah melayarinya

Keadaan

Memandangkan saya sedang belajar seterusnya.j. Saya sedang menjalani kursus yang dibuat oleh pasukan seterusnya (https://nextjs.org/learn).

Terdapat bahagian yang berkaitan dengan pengoptimuman fon dan imej.
Sejujurnya, saya tidak pernah memberi banyak perhatian kepada fon dan fon yang digunakan pada elemen tertentu pada halaman web.
Tetapi saya menyedari melalui bahan ini bahawa anda mampu melakukannya. Anda boleh mengetahui fon yang digunakan pada elemen tertentu. Anda boleh mempunyai lebih daripada satu fon tersuai pada halaman dan ini mungkin berguna.

Ketika saya menggunakan Chrome sebagai penyemak imbas lalai saya, saya membuka devtools dan menyemak fon yang digunakan.

chrome dev tools

Ini kelihatan agak lemah dan tanpa banyak maklumat.

Tetapi saya melakukan perkara yang sama dalam firefox dan firefox nampaknya mempunyai lebih banyak pilihan berkenaan fon. Anda boleh menukar saiz, ketinggian garisan, jarak, berat melalui editor itu. Ini nampaknya agak berguna terutamanya semasa anda cuba mengetahui sifat fon yang paling sesuai untuk anda untuk elemen tertentu.

Check used fonts on a webpage

Fikiran saya

Penemuan mengenai fon ini mengingatkan saya apabila saya menghadapi masalah dengan reka letak pada masa lalu bahawa saya boleh melakukan penyahpepijatan yang lebih baik dalam firefox berbanding chrome.
Firefox nampaknya lebih mengambil berat tentang barangan css untuk menjadikan pembangunan FE lebih lancar daripada chrome. Saya fikir saya harus mengambil kira perkara ini pada masa akan datang semasa saya melakukan kerja css dan menggunakan firefox sebagai lalai!

Sekian. Selamat hari raya!

Atas ialah kandungan terperinci Semak fon terpakai pada halaman web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan