EOT

EOT는 1997년 Microsoft가 만든 최초의 웹 폰트 형식입니다. W3C에 표준화를 신청했지만 독점 압축 알고리즘(MTX)과 내장 DRM 기능이 다른 브라우저 벤더들의 거부로 인해 채택되지 못했습니다.

이 형식에는 폰트를 특정 도메인에서만 로드되도록 제한하는 URL 바인딩 메커니즘이 포함되어 있으며, 미사용 글리프를 제거하여 파일 크기를 줄이는 폰트 서브셋화도 지원합니다. 1990년대 후반에는 선진적인 기능이었지만, 독점 형식의 특성상 Internet Explorer에서만 구현되었습니다.

약 10년간——IE 4부터 2000년대 중반까지——EOT는 웹에서 커스텀 폰트를 사용하는 유일한 방법이었습니다. 2010년 WOFF가 등장하면서 비로소 크로스 브라우저 대안이 생겼습니다. 오늘날 EOT는 IE 8 이하를 반드시 지원해야 하는 극소수 프로젝트에만 유용한 유물이 되었습니다.

EOT 파일은 TrueType 폰트 데이터를 Microsoft의 MTX 압축과 독점 헤더로 감싸고 있습니다. 헤더에는 URL 바인딩 정보(폰트 로드를 허용하는 도메인 목록), 라이선스 플래그, 그리고 패밀리 이름과 스타일 같은 폰트 메타데이터가 포함됩니다.

Internet Explorer가 스타일시트에서 EOT 폰트를 만나면 헤더를 읽고, 현재 페이지의 오리진 URL이 허용된 도메인 중 하나와 일치하는지 확인한 뒤, 확인이 완료된 경우에만 폰트를 압축 해제하고 렌더링합니다. URL 검사가 실패하면 폰트는 조용히 거부됩니다—기본적인 핫링크 보호 방식입니다.

EOT를 포함하는 고전적인 "방탄" @font-face 구문은 다음과 같습니다:

@font-face {
  font-family: 'MyIcons';
  src: url('icons.eot');                    /* IE9 호환 */
  src: url('icons.eot?#iefix') format('embedded-opentype'),
       url('icons.woff2') format('woff2'),
       url('icons.woff') format('woff'),
       url('icons.ttf') format('truetype');
}

?#iefix 쿼리 문자열은 IE 9 파서 버그를 우회하기 위한 핵입니다. IE 9는 단일 선언 내의 여러 src 항목을 올바르게 처리하지 못해——format() 힌트를 포함한 전체 문자열을 단일 URL로 로드하려다 실패했습니다. EOT URL에 ?#iefix를 추가하면 IE 9가 이를 유효한 독립 URL로 인식하게 되어, 파서가 나머지 선언에서 막히기 전에 경로를 종료합니다. 현대 브라우저는 이 쿼리 문자열을 완전히 무시합니다.

IE 8 이하를 반드시 지원해야 하는 경우에만 사용합니다. 이 오래된 브라우저들은 WOFF, WOFF2는 물론 @font-face를 통한 TTF도 이해하지 못해 EOT가 유일한 선택지입니다.

IE 9~11의 경우 WOFF가 더 나은 선택입니다. 개방형 표준이고, 도구 지원이 더 폭넓으며, DRM과 URL 바인딩의 부담도 없습니다. 분석 데이터에서 IE 8 트래픽이 제로라면——2024년 이후에는 거의 확실히 그렇습니다——EOT를 완전히 건너뛰세요.

EOT를 빌드에 포함하기 전에 실제 브라우저 분석 데이터를 확인하세요. IE 8 이하의 전 세계 점유율은 사실상 0%입니다. 오래된 IE 버전에 고정된 특정 기업 인트라넷이나 정부 시스템을 대상으로 하지 않는다면, EOT는 실질적인 혜택 없이 빌드 복잡도만 높입니다.