브라우저 호환성(eot, woff, woff2)

요약

• IE 6~8 브라우저는 .eot 형식의 글꼴만 지원한다. 하지만 W3C가 권장하는 형식은 .woff 이다.
• IE 9 브라우저는 .eot 형식과 .woff 글꼴을 모두 지원한다.
• Chrome, Safari, Firefox, Opera 최신 버전 브라우저는 .woff 형식을 지원하지만 .eot 형식은 지원하지 않는다.

결론

• 모든 브라우저를 지원하기 위해 .woff 형식과 .eot 형식을 함께 준비해야 한다.
• 위의 이유로 .ttf 형식은 준비 하지 않아도 상관 없다.
• @media 구문 안쪽에서 @font-face 규칙을 사용하는 경우 IE 9 브라우저는 글꼴을 요청하지 않는다.

WOFF2.0

• 최신 브라우저 환경을 가장 많이 지원하는 .woff는 W3C에서 지정하는 표준 웹폰트 포멧.
• WOFF2.0는 기존 WOFF1.0보다 최대 50%의 높은 압축율.

  /* 'woff' 보다 먼저 호출한다. */
  @font-face {
    font-family: "Nanum Gothic";
    src: local("※"), 
    url(NanumGothic-Regular.woff2) format('woff2'),
    url(NanumGothic-Regular.woff) format('woff'),
    ...
  }