WOFF와 WOFF2 모두 필요한 이유

Web font?

• 웹이 발전함에 따라서 사용자가 웹에서 정보를 얻는 과정의 경험(UX)을 개선하기 위해 사용
• 로컬의 폰트 설치 상황 상관없이 웹에서 항상 원하는 타이포그래피 사용할 수 있게 하는 기술

Web font 최적화 방법 - 폰트 파일의 용량 줄이기

• 웹 폰트는 네트워크를 통해 다운로드하는 자원 → 크기가 크면 웹 폰트가 적용된 글자가 화면에 표시될 때까지 시간이 지연 되는 문제 발생
• 따라서! 폰트 파일의 용량을 줄이는 최적화 필요

WOFF

• Web Open Font Format의 약자

WOFF2

• WOFF의 개량판
• WOFF보다 효율적인 파일 압축 알고리즘을 사용 → 더 작은 파일 크기와 빠른 다운로드 가능
• WOFF2 형식은 Internet Explorer를 제외한 모든 브라우저에서 사용

---

결론

• Internet Explorer에서는 WOFF 형식을, 나머지 브라우저에서는 WOFF2 형식을 사용하도록 해서 폰트의 용량을 줄일 수 있음
• 하지만 보편성을 고려한다면 둘 다 제공