Fon Google Tidak Memaparkan dalam Chrome? Pembetulan CSS Pantas

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; }
}

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!