Mengapa Fon Google Saya Tidak Dipaparkan dalam Google Chrome dan Bagaimana Saya Boleh Membetulkannya?

Fon Google Tidak Dipaparkan dalam Google Chrome: Isu Diketahui dengan Penyelesaian

Jika anda sedang mengusahakan tema WordPress dan menghadapi isu di mana Google Webfonts tidak dipaparkan dengan betul dalam Google Chrome, anda tidak bersendirian. Isu ini telah dilaporkan dan diakui sebagai pepijat Chrome yang diketahui.

Apabila anda mula-mula memuatkan tapak web dalam Chrome menggunakan fon tersuai daripada Google Webfonts (dalam kes ini, Roboto Slab), teks mungkin tidak muncul sama sekali walaupun mempunyai fon sandaran yang ditentukan. Walau bagaimanapun, jika anda menuding pada pautan yang digayakan atau melaraskan mana-mana sifat CSS dalam Inspektor, teks tersebut akan kelihatan.

Untuk menyelesaikan isu ini, penyelesaian CSS sahaja telah ditemui:

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

Dengan menambahkan kod ini pada helaian gaya tapak web anda, anda pada asasnya memaksa Chrome mengecat semula teks, menyelesaikan pemaparan dengan berkesan isu.

Atas ialah kandungan terperinci Mengapa Fon Google Saya Tidak Dipaparkan dalam Google Chrome dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!