노토산스 헤스티아 (NotoSansKR-Hestia)

NotoSansKR-Hestia는 노토산스 한글(Noto Sans KR)을 웹에서 쓰기 좋게 경량화한 배포판입니다. GitHub 105스타·Apache-2.0, CSS로 제공됩니다.

한글 웹폰트의 무게 문제

한글 폰트 파일 하나가 굵기당 수 MB에 이릅니다. 굵기 4~5종을 다 불러오면 페이지 하나에 폰트만 10MB가 넘을 수 있습니다. 모바일에서는 폰트 때문에 첫 화면이 늦어집니다.

해결책은 글자를 쪼개 필요한 것만 받게 하는 서브셋(subset)입니다. Hestia는 그 작업을 미리 해둔 배포판입니다.

1인 메이커에게 왜 중요한가:
성능 문제는 대개 이미지와 폰트에서 시작합니다. 서버를 키우기 전에 폰트부터 줄이는 게 훨씬 싸고 효과가 큽니다. Core Web Vitals의 LCP·FCP가 직접 영향을 받습니다.

함께 볼 한글 폰트 오픈소스

본문에 쓰는 서체

• 고운돋움·고운바탕: 개인이 만든 본문용 서체 (OFL)
• 낸내(naen-nae): 상업적 이용 가능 폰트 모음집
• 젠텐다드(jetendard): 프리텐다드 계열 파생 서체

코드에 쓰는 고정폭

• 모노플렉스(monoplex): 코딩·터미널용 고정폭
• 여밀 모노(yeomil-mono): 코딩용 한글 고정폭

옛 화면을 되살린 비트맵·픽셀

• 네오둥근모(neodgm): 도스 둥근모꼴 복원 비트맵
• hbios-sys: 한글 MS-DOS 시스템 폰트 복원
• 물마루(mulmaru): 게임용 픽셀 서체

서체를 만드는 도구

• 뉴럴 폰트(neural-fonts): GAN으로 폰트를 생성

한글 폰트는 글리프가 1만 자를 넘어 라틴 폰트보다 제작 비용이 훨씬 큽니다. 그래서 이 씬은 완성된 서체를 푸는 쪽과 제작 비용 자체를 낮추는 쪽으로 나뉩니다.

헤스티아는 새로 그리는 대신 덜어냅니다. 한글 폰트의 문제는 제작 비용만이 아니라 파일 크기이기도 합니다. 웹에서 몇 MB를 받게 하면 그것만으로 이탈이 생깁니다. 경량화는 디자인이 아니라 성능 작업에 가깝습니다.

이런 분께 맞아요

• 웹사이트 로딩 속도를 줄이려는 개발자·메이커
• 모바일 성능을 신경 쓰는 프론트엔드 개발자
• 한글 웹폰트 서브셋 방법을 배우려는 사람
• Core Web Vitals를 개선 중인 운영자