무료 한글 폰트 미리보기

한글 글꼴 미리보기, 34종을 비교하는 기준

언제 쓰나요

행사 현수막 문구, 유튜브 썸네일 제목, 동네 가게 전단지처럼 한두 줄의 문장이 인상을 좌우할 때 글꼴을 고르게 돼요. 글꼴 사이트에서 하나씩 눌러 보면 비교가 어렵고, 설치부터 하면 컴퓨터 글꼴 목록만 길어져요. 이 도구는 실제로 쓸 문장을 한 번 적어 두고 여러 글꼴을 위아래로 훑어보며 후보를 두세 개로 좁히는 데 써요.

사용 방법

1단계문장과 분류 정하기

1. 1① 실제로 쓸 문장을 적어요. 숫자와 영문이 섞여 있다면 함께 넣어야 글꼴마다 다른 숫자 모양까지 비교돼요.
2. 2② 분류를 고르면 해당 글꼴만 남아요. 처음에는 ‘전체’로 34종이 모두 나와요.

2단계크기와 굵기 맞추기

1. 3③ 크기는 14px부터 72px까지 움직여요. 제목용이면 크게, 본문용이면 16px 안팎으로 놓고 비교해요.
2. 4④ ‘굵게(700)’를 골랐는데 그 굵기가 없는 글꼴은 가진 굵기 중 가장 가까운 것으로 보여 주고 이름 옆에 ‘700 굵기 없음 → 400으로 표시’처럼 알려 줘요.

3단계마음에 든 글꼴 챙기기

1. 5⑤ ‘CSS 복사’를 누르면 링크 태그 한 줄과 font-family 한 줄이 함께 복사돼요. 링크에는 그 글꼴이 가진 굵기가 모두 들어 있어요.

글꼴 묶음과 굵기

목록은 용도에 따라 네 묶음으로 나뉘어 있고, 묶음마다 굵기 선택지가 다른 편이에요. 본문용 고딕·명조는 보통과 굵게를 함께 가진 글꼴이 많고, 손글씨와 제목용은 한 가지 굵기만 있는 글꼴이 대부분이에요.

글꼴 파일은 처음부터 34개를 다 받지 않아요. 목록 줄이 화면 아래 300px 근처까지 내려오면 그때 그 글꼴만 불러와서, 휴대폰 데이터를 아끼고 첫 화면도 빨리 떠요. 문장을 고칠 때는 이미 받은 글꼴로 글자만 바꿔 넣어 깜빡임이 없어요.

글꼴 줄 맨 위에는 한글 이름, 영문 이름, 분류가 함께 적혀 있어요. 영문 이름은 CSS의 font-family에 쓰는 정확한 이름이라, 직접 코드를 고칠 때 이 이름을 그대로 옮겨 적으면 돼요.

표의 크기는 화면에서 비교하기 위한 출발점일 뿐이에요. 후보를 두세 개로 줄였다면 크기 막대를 끝까지 움직여 보면서, 작게 줄였을 때 획이 뭉개지지 않는 글꼴을 고르면 실패가 적어요.

주의할 점

• 해바라기 글꼴의 보통 굵기 — 이 글꼴은 300과 700 두 굵기만 있어서, ‘보통(400)’을 고르면 더 얇은 300으로 그려지고 이름 옆에 ‘400 굵기 없음 → 300으로 표시’가 붙어요. 700은 있으니 굵게로 바꾸면 그대로 그려져요.
• 빈 문장 — 문장 칸을 모두 지우면 ‘가나다라마바사’로 대신 보여 줘요.
• 인쇄물에 쓸 때 — 화면에서 고른 굵기와 크기를 메모해 두고, 설치한 글꼴로 한글·파워포인트에서 한 번 더 출력 미리보기를 확인하세요.

더 궁금한 점