한글 구글 폰트로 제목·본문 조합 16가지를 비교하고 크기·행간·자간을 조절해 @import와 font-family CSS를 복사해요.
BRAND STORY · 2026
제목과 본문 글꼴을 짝지어 보면, 같은 문장도 전혀 다른 목소리로 읽혀요.
본문은 오래 읽어도 눈이 편해야 하고, 제목은 한눈에 시선을 붙잡아야 해요. 두 글꼴의 굵기와 크기 차이를 충분히 주면 위계가 또렷해지고, 행간을 넉넉히 잡으면 한글 특유의 빽빽함이 줄어들어요. 숫자 0123456789와 영문 Typography, 문장부호 “따옴표”·(괄호)도 함께 확인해 보세요.
카드·목록처럼 작은 크기에서도 제목 글꼴이 잘 읽히는지 봐 두면 좋아요.
숫자 폭과 쉼표 모양은 글꼴마다 꽤 달라요.
샘플 문장은 클릭해서 직접 고칠 수 있어요.
모두 Google Fonts에서 제공하는 글꼴이라 오픈 폰트 라이선스(OFL)로 웹·인쇄물에 무료로 쓸 수 있어요. 글꼴 파일을 다시 판매하는 것처럼 예외 조건이 있으니, 정확한 내용은 Google Fonts의 각 글꼴 페이지에서 확인해 주세요.
미리보기 위 상태 표시에 '불러오지 못해 대체 글꼴로 보여요'가 뜨고, 고딕은 sans-serif, 명조는 serif 같은 기본 글꼴로 계속 볼 수 있어요. 복사하는 CSS의 font-family에도 같은 대체 글꼴이 들어 있어요.
고른 제목 굵기와 본문 굵기, 그리고 본문 글꼴에 더 굵은 굵기(보통 700)가 있으면 strong·버튼용으로 하나를 더 넣어요. 쓰는 굵기만 받아서 로딩이 가벼워요. 굵은 굵기가 없는 글꼴이면 브라우저가 가짜 굵게로 그린다는 주석이 붙어요.
이 도구는 Google Fonts에 있는 한글 글꼴만 다뤄서, Pretendard·Spoqa Han Sans처럼 Google Fonts에 없는 글꼴은 목록에 없어요. 노토 산스·IBM Plex Sans KR·고딕 A1이 비슷한 용도로 쓰기 좋아요.