./categories/os

HTTPS 환경에서 IE11 FontAwesome 미표시 문제

2023-03-11 업데이트 2026-07-21 조회수 —

HTTPS + IE11에서 FontAwesome 미표시 문제

원인: IE11 버그. SSL 환경에서 폰트 캐시를 사용하지 않으면 미표시. 캐시 사용하도록 설정하면 해결
환경: Apache 2.4, Tomcat 8.5.x, fontawesome 4.4.0

해결: Apache httpd.conf에서 폰트 확장자 캐시 설정

LoadModule headers_module modules/mod_headers.so

<LocationMatch "\.(eot|otf|woff|ttf)$">
   Header set Access-Control-Allow-Origin "*"
   Header set Cache-Control "max-age=3600"
   Header set Pragma "none"
</LocationMatch>

Access-Control-Allow-Origin: CORS 허용(모든 도메인)
Cache-Control: 캐시 설정
Pragma "none": HTTP 1.0의 no-cache 설정을 해제

그 외 해결 방안 (효과는 케이스에 따라 다름)

IE11 인터넷 옵션 > 보안 > 신뢰할 수 있는 사이트에 해당 사이트 등록
<head> 최상단에 X-UA-Compatible 배치

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>

관련 링크: https://nakanara.tistory.com/227

./comments