글꼴 미리보기
상업용 무료 한글 폰트 38종을 내 문구로 미리보고, 최대 4개를 나란히 비교한 뒤 CSS를 바로 복사하세요.
내 폰트 파일 미리보기
.ttf · .otf · .woff · .woff2 파일을 여기에 끌어놓거나 선택하세요. 파일은 서버로 전송되지 않고 이 브라우저 안에서만 읽습니다.
폰트 목록 38개
Pretendard
고딕프리텐다드 · Kil Hyung-jin (orioncactus)
Noto Sans KR
고딕본고딕 노토산스 · Google
Nanum Gothic
고딕나눔고딕 · Sandoll Communication
Gothic A1
고딕고딕 A1 · HanYang I&C
IBM Plex Sans KR
고딕IBM 플렉스 산스 · Mike Abbink, Bold Monday
Asta Sans
고딕아스타 산스 · 42dot
Sunflower
고딕해바라기 · JIKJISOFT
Noto Serif KR
명조본명조 노토세리프 · Google
Nanum Myeongjo
명조나눔명조 · Sandoll Communication
Hahmlet
명조함렛 · Hypertype
Nanum Pen Script
손글씨나눔손글씨 펜 · Sandoll Communication
Nanum Brush Script
손글씨나눔손글씨 붓 · Sandoll Communication
Kirang Haerang
디스플레이배민 기랑해랑체 · Woowahan Brothers
Bagel Fat One
디스플레이베이글 팻 원 · Kyungwon Kim, JAMO
Black And White Picture
디스플레이흑백사진 · AsiaSoft
Nanum Gothic Coding
코딩나눔고딕코딩 · Sandoll Communication
글꼴 미리보기 가이드
글꼴 미리보기란?
디자이너·마케터가 배너, 상세페이지, 웹사이트에 쓸 한글 폰트를 고를 때 쓰는 도구입니다. 상업적으로 무료인(SIL OFL) 한글 폰트 38종을 실제 쓸 문구로 미리보고, 크기·굵기·행간·자간과 밝은/어두운 배경을 바꿔 가며 나란히 비교할 수 있습니다. 폰트는 화면에 보이는 카드만, 입력한 글자만 골라 불러와 페이지가 가볍습니다.
사용 방법
- 쓸 문구를 입력하거나 예시 문구(가나다·인사말·숫자·영문 혼합·긴 문단)를 고르세요.
- 크기·굵기·행간·자간과 미리보기 배경(밝게/어둡게)을 조절하세요. 해당 굵기가 없는 폰트는 가장 가까운 굵기로 보여 주고 카드에 표시합니다.
- 분류(고딕·명조·손글씨·디스플레이·코딩)나 검색으로 좁히고, 별표로 즐겨찾기해 두세요(이 브라우저에 저장).
- 핀 버튼으로 최대 4개를 고정하면 위쪽에서 나란히 비교할 수 있습니다.
- 마음에 드는 폰트의 'CSS 복사'로 <link>·@import·font-family 코드를 복사하고, '공식 페이지'에서 다운로드하세요.
- '공유 링크 복사'로 문구·크기·고정한 폰트가 그대로 담긴 링크를 팀원에게 보낼 수 있습니다.
- 갖고 있는 폰트 파일(ttf/otf/woff/woff2)을 끌어놓으면 같은 설정으로 미리볼 수 있습니다. 파일은 업로드되지 않습니다.
폰트 선택 팁
- 본문: Pretendard, 본고딕(Noto Sans KR), 나눔고딕처럼 굵기가 여러 개인 고딕이 무난합니다. 16px 전후, 행간 1.6~1.8, 자간 -1~-2%가 한글 본문에 잘 맞습니다.
- 제목·배너: 검은고딕, 배민 도현체·주아체처럼 굵은 디스플레이체로 분위기를 주고, 본문은 고딕으로 받쳐 주세요.
- 감성·브랜드 문구: 고운바탕·함렛 같은 명조나 손글씨체를 제목에만 짧게 쓰는 편이 읽기 편합니다.
- 코드·표: D2Coding, 나눔고딕코딩처럼 고정폭 폰트를 쓰면 숫자 자리가 맞습니다.
- 웹에 쓸 때는 필요한 굵기만 불러오세요. 굵기 하나당 수백 KB가 늘어납니다.
라이선스 — 상업적으로 써도 되나요?
- 목록의 폰트 38종은 모두 SIL 오픈 폰트 라이선스(OFL 1.1)입니다. 웹사이트, 앱, 광고, 인쇄물, 영상, 로고 등 상업적 용도에 무료로 쓸 수 있습니다.
- 웹폰트로 임베딩하거나 PDF·앱에 포함해 배포해도 됩니다.
- 금지: 폰트 파일 자체를 단독으로 판매하는 것, 수정한 폰트를 원래 이름(예약 글꼴 이름)으로 배포하는 것.
- 라이선스 정보는 Google Fonts 저장소(ofl 폴더)와 각 제작사 저장소 기준으로 확인했습니다. 쓰기 전에 카드의 '공식 페이지'에서 최신 조건을 다시 확인하세요.
자주 묻는 질문
여기서 고른 폰트를 내 웹사이트에 바로 적용할 수 있나요?
네. 카드의 'CSS 복사'를 누르면 <link> 태그, @import 구문, font-family 선언이 함께 복사됩니다. <link>를 HTML <head>에 넣거나 @import를 CSS 맨 위에 넣고, font-family를 지정하면 됩니다.
상업적으로 써도 되나요?
목록의 폰트는 모두 SIL OFL 1.1이라 광고·인쇄물·웹·영상 등 상업적 용도에 무료입니다. 폰트 파일만 따로 파는 것과 수정본을 원래 이름으로 배포하는 것은 금지됩니다. 사용 전 각 카드의 공식 페이지에서 최신 조건을 확인하세요.
폰트 파일은 어디서 다운로드하나요?
각 카드의 '공식 페이지' 버튼을 누르면 Google Fonts 소개 페이지나 제작사 저장소(Pretendard, D2Coding)로 이동해 파일을 받을 수 있습니다.
굵기를 900으로 했는데 얇게 보여요.
그 폰트에 900 굵기가 없으면 가장 가까운 굵기로 보여 줍니다. 카드 아래 '굵기' 항목에서 실제로 있는 굵기와 적용된 굵기를 확인하세요.
내 폰트 파일을 올리면 서버에 저장되나요?
아니요. 브라우저의 FontFace API로 이 기기 안에서만 읽어 보여 주며, 파일은 어디에도 전송되지 않습니다. 페이지를 닫으면 사라집니다.
글꼴 미리보기란?
글꼴 미리보기는 나눔고딕·본고딕·프리텐다드·IBM Plex Sans KR 등 다양한 한글·영문 웹폰트로 내 텍스트가 어떻게 보이는지 실시간으로 확인하고, 폰트 크기·굵기·줄간격을 조절한 뒤 CSS 코드를 바로 복사할 수 있는 무료 온라인 폰트 테스트 도구입니다. 디자인 시안 검토, 웹사이트 폰트 선정, 인쇄물 폰트 비교 등에 활용할 수 있습니다.
글꼴 미리보기 활용 팁
- 한글 본문 가독성 비교: 실제 본문 문단 텍스트를 입력하여 가독성이 높은 폰트를 빠르게 비교하세요.
- CSS 코드 복사: 마음에 드는 폰트를 선택하고 CSS 코드를 복사하면 웹폰트 링크(Google Fonts 또는 jsDelivr)와 font-family 선언이 바로 생성됩니다.
- 굵기 테스트: 제목(700~900)과 본문(400~500) 굵기를 각각 확인하여 웹사이트 타이포그래피를 완성하세요.
- 줄간격 조절: line-height를 1.5~1.8로 조절하면 한글 본문의 가독성이 크게 향상됩니다.