Bagaimanakah Saya Boleh Mengekalkan Penampilan Fon Asal Selepas Penukaran Base64 untuk Pemuatan Webfont?

Mengekalkan Penampilan Fon Asal Apabila Menukar kepada Base64

Menangguhkan pemuatan fon boleh meningkatkan prestasi tapak web. Satu langkah penting ialah menukar fon kepada base64 dan memasukkannya ke dalam fail CSS anda. Walau bagaimanapun, menukar fon kepada base64 kadangkala boleh mengubah penampilannya.

Untuk mengekalkan rupa asal fon selepas penukaran base64, pastikan langkah berikut:

1. Optimumkan Tetapan Squirrel Font :
   Apabila menggunakan Font Squirrel Webfont Generator, pilih "Keep Existing" di bawah Pilihan "TrueType Hinting" dalam tetapan Pakar.
2. Gunakan Fail GWF Asal:
   Jika anda berpuas hati dengan fon yang diberikan terus daripada Google Web Fonts (GWF), muat turun yang asal fail dan base64 mengekodnya sendiri. Pada OS X atau Linux, gunakan arahan base64:

$ base64 -i myfont.ttf -o fontbase64.txt

Untuk Windows, gunakan alat pengekodan base64. Salin rentetan base64 ke dalam CSS anda:

@font-face {
    font-family: 'myfont';
    src: url(data:font/truetype;charset=utf-8;base64,<<copied base64 string>>) format('truetype');
    font-weight: normal;
    font-style: normal;
}

Laraskan maklumat @font-face agar sepadan dengan data fon anda. Dengan mengikuti kaedah ini, anda boleh mengekalkan penampilan asal fon anda sambil melaksanakan pengekodan base64 untuk pemuatan fon tertunda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Penampilan Fon Asal Selepas Penukaran Base64 untuk Pemuatan Webfont?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!