결론
- 국문 웹폰트는 폰트 제작 업체에서 직접 제작한 웹폰트 사용을 추천
- 노토 산스 : 각종 브라우저에서 가독성/랜더링/용량 문제 있음
- 모바일에서는 시스템 기본폰트를 사용 하는 것을 추천
모바일에서 웹폰트를 사용하지 말아야 하는 이유
출처 : 반응형 웹 기술 이해
웹 폰트를 사용하고 싶다면 미디어 쿼리를 통해 스마트폰 단말 영역으로 추정할 수 있는 해상도를 분기하고 스마트폰 단말에는 적용하지 않는 것이 좋은데요. 그 이유는 다음과 같습니다.
- 한글 글꼴이 포함된 웹 폰트는 용량을 아무리 최적화 하더라도 일반적으로 웹 문서 용량의 30% 이상을 차지하게 된다.
- 웹 폰트는 느리게 로딩되기 때문에 글꼴이 로딩되기 전까지 화면을 출력하지 않거나 또는 글꼴이 로딩된 이후 화면을 다시 출력하는 문제가 있다.
- 따라서 웹 폰트를 사용하고 싶다면 테블릿 또는 데스크탑 화면으로 추정할 수 있는 화면 크기에 한해 제한적으로 적용하는 것이 좋습니다.
- 스마트폰 단말은 일반적으로 작은 화면에 최적화된 시스템 글꼴을 제공하기 때문에 모바일 환경에서 웹 폰트를 걷어내는 것이 더 좋은 UX라고 말할 수 있습니다.