Intégration de polices multi-navigateurs avec HTTPS : résolution du problème de chargement EOT d'IE @font-face
L'un des principaux défis rencontrés lors de l'intégration les polices utilisant @font-face garantissent la compatibilité entre les différents navigateurs. Alors que la plupart des navigateurs prennent en charge les différents formats de polices, Internet Explorer 7, 8 et 9 présentent un comportement particulier lors de l'accès aux polices EOT via HTTPS.
Le problème survient lors de la tentative de chargement de la police EOT via HTTPS, alors que le code HTML La page contenant la déclaration @font-face peut être hébergée sur HTTP ou HTTPS. Dans de tels scénarios, Internet Explorer ne parvient tout simplement pas à charger la police EOT, même si elle fonctionne de manière transparente via HTTP simple.
Pour approfondir la cause sous-jacente, il est crucial d'examiner le serveur hébergeant la police. Dans la plupart des cas, le serveur doit envoyer un en-tête de type de contenu approprié, à savoir « application/vnd.ms-fontobject », pour le fichier de police EOT.
Le problème survient lorsque l'en-tête HTTP Cache-Control est défini à "no-cache" pour la police. Ce paramètre, bien qu'acceptable dans un environnement HTTP, oblige Internet Explorer à ignorer la police téléchargée via HTTPS.
L'explication la plus probable de ce comportement est qu'il ressemble au comportement décrit dans la base de connaissances 815313, qui évite la mise en cache lorsque télécharger des documents actifs via SSL. Par conséquent, si l'en-tête « Cache-Control » existe et est défini sur « no-cache », sa suppression devrait résoudre le problème.
Par conséquent, si vous observez Internet Explorer progresser dans les options de police dans les outils de développement vue réseau sans charger la police EOT via HTTPS, vérifier l'en-tête "Cache-Control" et le supprimer peut être une solution potentielle. En abordant cette nuance, vous pouvez garantir une intégration cohérente des polices dans tous les navigateurs, même lorsque vous accédez aux polices 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!