Pourquoi IE ne peut-il pas charger les polices EOT via HTTPS ?

Résolution des échecs de chargement des polices EOT @font-face via HTTPS dans IE

Les utilisateurs d'Internet Explorer peuvent rencontrer des problèmes lors du chargement des polices EOT via des connexions HTTPS à l'aide de la règle @font-face . Bien que la police puisse se charger correctement via HTTP, le passage à HTTPS peut entraîner un échec.

Enquête :

Le problème provient de la gestion par IE des requêtes HTTPS. Lorsqu'une police est chargée via HTTPS et que le serveur envoie un en-tête Cache-Control: no-cache, IE ignore la police téléchargée. Ceci est lié au comportement d'IE décrit dans la base de connaissances 815313, qui empêche la mise en cache des documents actifs téléchargés via SSL.

Solution :

Pour résoudre ce problème, assurez-vous que le serveur l'hébergement de la police n'envoie pas d'en-tête Cache-Control: no-cache. Supprimer ou modifier cet en-tête permettra à IE de reconnaître la police téléchargée.

Exemple :

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

En s'assurant que le serveur n'envoie pas de Cache-Control : en-tête sans cache, IE chargera correctement la police EOT via HTTPS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!