Kami berehat sebentar daripada mengusahakan carian untuk menyelesaikan sedikit masalah.
"FOUT" menjadi "Kilat Teks Tidak Berpakaian" Ini adalah fenomena di mana font @ font-face mengambil sedikit masa untuk dimuatkan dan dengan itu anda melihat fon pengganti sebelum fon tersuai. Ini biasanya tidak menjadi masalah di Typekit. Juga tidak menjadi masalah dalam penyemak imbas moden hari ini (kecuali IE 9). Namun, ini menjadi masalah bagi kami kerana kami telah memilih untuk memuatkan JavaScript Typekit secara tidak segerak.
Harapan tidak hilang walaupun, Typekit telah menyelesaikan masalah ini, kita hanya perlu melakukan sedikit kerja di laman web kita. Kami meletakkan nama kelas baru pada elemen yang disebut "wf-loading" (memuat fon web). Kemudian dalam CSS kami, kami menyatakan bahawa mana-mana pemilih yang menggunakan fon khusus tersembunyi sehingga nama kelas itu hilang. Agak berisiko mungkin anda fikirkan, tetapi jika fon gagal dimuatkan, ada batas waktu yang akan menghilangkan kelas. Ini hanya untuk memerangi FOUT ingat, hanya sedikit kebaikan visual.
Kami melakukan semua ini dengan membuat Sass kecil yang @mixindisebut "preventFOUT" dan -dalamnya @includedi tumpukan fon khusus kami, yang juga @mixins.
Ini berfungsi dengan baik untuk kita sekarang. Pada akhirnya dalam reka bentuk ini, kami beralih ke fon HF&J yang memuat terus melalui @ font-face sehingga pada dasarnya kami berhenti bimbang tentang perkara ini.