Mengapa IE Tidak Boleh Memuatkan Fon EOT Melalui HTTPS?

Menyelesaikan Kegagalan Pemuatan Fon EOT @font-face melalui HTTPS dalam IE

Pengguna Internet Explorer mungkin menghadapi masalah memuatkan fon EOT melalui sambungan HTTPS menggunakan peraturan @font-face . Walaupun fon mungkin berjaya dimuatkan melalui HTTP, penukaran kepada HTTPS mungkin mengakibatkan kegagalan.

Penyiasatan:

Isu ini berpunca daripada pengendalian permintaan HTTPS oleh IE. Apabila fon dimuatkan melalui HTTPS dan pelayan menghantar pengepala Cache-Control: no-cache, IE mengabaikan fon yang dimuat turun. Ini berkaitan dengan tingkah laku IE yang diterangkan dalam KB 815313, yang menghalang cache dokumen aktif yang dimuat turun melalui SSL.

Penyelesaian:

Untuk menyelesaikan isu ini, pastikan pelayan hosting fon tidak menghantar Cache-Control: no-cache header. Mengalih keluar atau mengubah suai pengepala ini akan membolehkan IE mengenali fon yang dimuat turun.

Contoh:

@font-face {
  font-family: 'GothamCondensedBold';
  src:url('path/to/fontgothmbcd-webfont.eot');
  src:url('path/to/fontgothmbcd-webfont.eot?#iefix') format('embedded-opentype'),
      url('path/to/fontgothmbcd-webfont.woff') format('woff'),
      url('path/to/fontgothmbcd-webfont.ttf') format('truetype'),
      url('path/to/fontgothmbcd-webfont.svg#GothamCondensedBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

Dengan memastikan pelayan tidak menghantar Kawalan Cache: pengepala tanpa cache, IE akan memuatkan fon EOT dengan betul melalui HTTPS.

Atas ialah kandungan terperinci Mengapa IE Tidak Boleh Memuatkan Fon EOT Melalui HTTPS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!