Rumah > hujung hadapan web > tutorial css > Fon Google Tidak Memaparkan dalam Chrome? Pembetulan CSS Pantas

Fon Google Tidak Memaparkan dalam Chrome? Pembetulan CSS Pantas

Patricia Arquette
Lepaskan: 2024-12-10 07:45:13
asal
189 orang telah melayarinya

Google Fonts Not Rendering in Chrome? A Quick CSS Fix

Isu Google Webfonts Render pada Google Chrome

Anda tidak bersendirian! Ramai yang mengalami masalah dengan Fon Google tidak dipaparkan pada Google Chrome. Masalah yang kelihatan baru-baru ini timbul walaupun CSS yang diperlukan disertakan. Mengecewakan, fon tersuai gagal muncul pada mulanya, walaupun mempunyai fon sandaran seperti Georgia.

Pepijat Kemas Kini Chrome?

Nampaknya ini memang pepijat Chrome yang diketahui, pembangun web yang mengecewakan di seluruh dunia. Daripada kemunduran yang kekal, penyelesaian CSS sahaja telah muncul untuk menyediakan penyelesaian pantas.

Penyelesaian CSS

Untuk membetulkan isu, cuma tambahkan coretan kod berikut ke helaian gaya anda:

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
Salin selepas log masuk

Penyelesaian ini pada dasarnya menggesa Chrome untuk mengecat semula teks, menyelesaikan masalah pemaparan.

Kesimpulan

Walaupun punca asasnya mungkin masih menjadi misteri, penyelesaian CSS sahaja ini menawarkan cara yang mudah tetapi berkesan untuk mengatasi Isu pemaparan Fon Google pada Google Chrome. Masukkan coretan ini ke dalam helaian gaya anda dan anda akan dapati fon tersuai anda menghiasi skrin sekali lagi!

Atas ialah kandungan terperinci Fon Google Tidak Memaparkan dalam Chrome? Pembetulan CSS Pantas. 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