# 어려운 한글 웹폰트 최적화, 꼼수로 해결하기

> Clean Markdown view of GeekNews topic #7125. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7125](https://news.hada.io/topic?id=7125)
- GeekNews Markdown: [https://news.hada.io/topic/7125.md](https://news.hada.io/topic/7125.md)
- Type: news
- Author: [filekiwi](https://news.hada.io/@filekiwi)
- Published: 2022-08-05T14:18:29+09:00
- Updated: 2022-08-05T14:18:29+09:00
- Original source: [velog.io](https://velog.io/@filekiwi/optimization-web-font-hangul-part-2)
- Points: 22
- Comments: 1

## Topic Body

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

## Comments



### Comment 11653

- Author: filekiwi
- Created: 2022-08-05T14:43:22+09:00
- Points: 2

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