Mengapakah @font-face saya tidak dipaparkan dalam Internet Explorer, tetapi ia berfungsi dengan sempurna dalam Firefox?

Internet Explorer: @font-face Not Rendering

Dalam percubaan untuk memasukkan fon bergaya ke dalam tapak web, pembangun menghadapi isu di mana fon dipaparkan dengan sempurna dalam Firefox tetapi gagal muncul dalam Internet Explorer. Walaupun terdapat bukti dalam log akses Apache bahawa IE telah mengakses fon, tag CSS @font-face tidak menghasilkan pemaparan yang betul.

Untuk menangani masalah ini, pembangun menggunakan alat untuk menukar fon kepada format EOT. , iaitu penukar TTF2EOT Kirsle. Walau bagaimanapun, alat WEFT Microsoft terbukti tidak berkesan, dengan aplikasi bergantung pada permulaan.

CSS pembangun untuk definisi fon adalah seperti berikut:

@font-face
{
   font-family: 'HelveticaLTCN';
   src: url('HelveticaNeueLTCom-LtCn_0.eot');
   src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType');
}

Fon kemudiannya dipanggil menggunakan yang berikut CSS:

p .mytext
{
   font-family: HelveticaLTCN;
}

Penyelesaian: Menggunakan Font Squirrel

Untuk mengatasi halangan ini, amat disyorkan untuk menggunakan perkhidmatan Font Squirrel. Alat ini mengatasi WEFT dari segi fungsi dan menyediakan penyelesaian unggul untuk keserasian silang. Font Squirrel membolehkan penjanaan semua format rentas penyemak imbas penting dalam satu fail ZIP, disertai dengan halaman contoh HTML CSS yang komprehensif.

Menggunakan Font Squirrel membuka tahap kesederhanaan dan kecekapan yang tiada tandingan dalam pelaksanaan @fontface , menawarkan pendekatan paling berkesan untuk mencapai pemaparan fon yang optimum merentas pelbagai pelayar web.

Atas ialah kandungan terperinci Mengapakah @font-face saya tidak dipaparkan dalam Internet Explorer, tetapi ia berfungsi dengan sempurna dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!