[Font] TTF, OTF, EOT, WOFF 정의

김졍·2023년 2월 27일
0

1. 폰트의 종류

1. ttf(win) - True Type Font

  • Mac 및 Windows 운영 체제에서 가장 일반적인 글꼴.
    IE8은 TTF를 지원하지 않음. IE9부터는 부분적 지원.
  • 단점: 글꼴이 압축 X
    결과적으로 파일 크기가 큼(로딩 속도 문제 발생).

2. otf(mac) - Open Type Font

  • Mac 및 Windows 운영 체제에서 사용 가능
    화면 및 프린터 글꼴 데이터를 하나의 구성 요소에 포함.
    여러 플랫폼 및 확장 된 문자 집합에 대한 지원을 포함.
    최대 65,000 자의 저장 공간을 허용.
  • 단점: 글꼴이 압축되지 않아 결과적으로 파일 크기가 큼(로딩속도 문제발생).

3. eot - Embedded Open Type

  • Microsoft에서 웹에서 사용하는 글꼴.
    Internet Explorer에서만 지원.

4. woff - Web Open Font Format

  • 모든 주요 브라우저에서 지원하는 메타 데이터 및 압축 기능을 갖춤.
    글꼴이 압축되어 있어 로드가 빠름.
    파일에 라이센스 데이터를 포함.
    (메타 데이터를 사용하면 저작권 문제를 해결하기 위해)

장점: 글꼴이 압축되어있어 로드속도가 빠름.

5. woff2 - woff의 최대 50%까지 압축

  • WOFF 차세대버전. WOFF2 형식은 원래 WOFF보다 평균 30 %의 압축적 이득을 제공함.
    여전히 권장 업그레이드이기 때문에 WOFF를 광범위하게 지원하지는 않음.

6. svg - Scalable Vector Graphics font

  • SVG는 벡터 이미지를 표현하기 위한 XML 기반의 마크업 언어
    텍스트 기반의 웹 표준 중 하나
    점, 선, 면으로 이미지가 구성되며, 이미지 확대 시에도 변화가 없다.
  • 우리가 흔히 사용하는 비트맵 이미지인
    JPG, PNG와 달리 모든 크기에서 렌더링이 가능하다.
    * 모바일에서 사용

0개의 댓글