IE가 HTTPS를 통해 EOT 글꼴을 로드할 수 없는 이유는 무엇입니까?

IE에서 HTTPS를 통한 @font-face EOT 글꼴 로드 실패 해결

Internet Explorer 사용자는 @font-face 규칙을 사용하여 HTTPS 연결을 통해 EOT 글꼴을 로드하는 데 문제가 발생할 수 있습니다. . 글꼴이 HTTP를 통해 성공적으로 로드될 수 있지만 HTTPS로 전환하면 실패할 수 있습니다.

조사:

이 문제는 IE의 HTTPS 요청 처리에서 발생합니다. 글꼴이 HTTPS를 통해 로드되고 서버가 Cache-Control: no-cache 헤더를 보내면 IE는 다운로드한 글꼴을 무시합니다. 이는 SSL을 통해 다운로드한 활성 문서의 캐싱을 방지하는 KB 815313에 설명된 IE의 동작과 관련이 있습니다.

해결책:

이 문제를 해결하려면 서버가 글꼴 호스팅이 Cache-Control: no-cache 헤더를 보내지 않습니다. 이 헤더를 제거하거나 수정하면 IE가 다운로드한 글꼴을 인식할 수 있습니다.

예:

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

서버가 Cache-Control을 보내지 않도록 하여: no-cache 헤더를 사용하면 IE는 HTTPS를 통해 EOT 글꼴을 올바르게 로드합니다.

위 내용은 IE가 HTTPS를 통해 EOT 글꼴을 로드할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!