22P by filekiwi 2022-08-05 | favorite | 댓글 1개

한글 웹폰트사용하려다가 제대로 표시되지 않아 포기하려다가
어찌어찌 하여 찾은 방법을 정리해봤습니다.

  • 한글 웹폰트를 쓰면 첫화면 첫로딩에 적용폰트가 바로 표시되지 않음.
  • 영어권에서는 font-display: optional 로 편하게 할수 있지만, 한글은 어려움
  • 한국에서 구현한 곳을 찾지 못해 직접 만들어봄
  • 페이지에 등장하는 문자들로만 이루어진 폰트서브셋 생성 --> 실패. 여전히 큼
  • 페이지 상단 첫화면에 등장하는 문자들로만 서브셋 생성--> 성공. 충분히 작음
  • 사용자가 첫화면에서 머무는 사이에 전체웹폰트 로딩완료시킴.

https://velog.io/@filekiwi/optimization-web-font-hangul-part-1
이글도 같이 읽어보세요.
국내 업체들이 웹폰트 최적화를 어떻게 하고 있는지도 볼수 있습니다.