Noto Sans KR · sans-serif · 한글 · 굵기: 100, 300, 400, 500, 700, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Noto Serif KR · serif · 한글 · 굵기: 200, 300, 400, 500, 600, 700, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Nanum Gothic · sans-serif · 한글 · 굵기: 400, 700, 800
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Nanum Myeongjo · serif · 한글 · 굵기: 400, 700, 800
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Nanum Pen Script · handwriting · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Black Han Sans · display · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Jua · display · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Do Hyeon · display · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Gamja Flower · handwriting · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Gaegu · handwriting · 한글 · 굵기: 300, 400, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Gothic A1 · sans-serif · 한글 · 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
IBM Plex Sans KR · sans-serif · 한글 · 굵기: 100, 200, 300, 400, 500, 600, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Sunflower · sans-serif · 한글 · 굵기: 300, 500, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Poor Story · handwriting · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Single Day · display · 한글 · 굵기: 400
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Roboto · sans-serif · Latin · 굵기: 100, 300, 400, 500, 700, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Open Sans · sans-serif · Latin · 굵기: 300, 400, 500, 600, 700, 800
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Lato · sans-serif · Latin · 굵기: 100, 300, 400, 700, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Montserrat · sans-serif · Latin · 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Poppins · sans-serif · Latin · 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Inter · sans-serif · Latin · 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Playfair Display · serif · Latin · 굵기: 400, 500, 600, 700, 800, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Merriweather · serif · Latin · 굵기: 300, 400, 700, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Source Code Pro · monospace · Latin · 굵기: 200, 300, 400, 500, 600, 700, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Fira Code · monospace · Latin · 굵기: 300, 400, 500, 600, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
JetBrains Mono · monospace · Latin · 굵기: 100, 200, 300, 400, 500, 600, 700, 800
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Oswald · sans-serif · Latin · 굵기: 200, 300, 400, 500, 600, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Raleway · sans-serif · Latin · 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Ubuntu · sans-serif · Latin · 굵기: 300, 400, 500, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
Quicksand · sans-serif · Latin · 굵기: 300, 400, 500, 600, 700
비교 Link 복사 Import 복사 Family 복사
가나다라마바사 ABCDEF abcdef 0123456789
사용 방법 1. 원하는 폰트를 검색하거나 카테고리로 필터링하세요.
2. 미리보기 텍스트를 입력하고 크기, 굵기, 자간 등을 조절하세요.
3. '비교' 버튼으로 여러 폰트를 비교 모드에 추가하세요.
4. CSS 코드를 복사하여 프로젝트에 바로 적용하세요.
자주 묻는 질문 네, Google Fonts의 모든 폰트는 오픈 소스 라이선스(주로 SIL Open Font License 또는 Apache License)로 제공되어 개인 및 상업 프로젝트에서 무료로 사용할 수 있습니다.
웹폰트는 추가 HTTP 요청과 다운로드가 필요하므로 초기 로딩 시간에 영향을 줍니다. font-display: swap 속성을 사용하면 폰트 로딩 중 시스템 폰트를 먼저 보여주어 사용자 경험을 개선할 수 있습니다. 한글 폰트는 글리프 수가 많아 영문 폰트보다 파일이 큽니다.
Serif 폰트(명조체)는 글자 획 끝에 작은 장식(세리프)이 있어 전통적이고 격식 있는 느낌을 줍니다. Sans-serif 폰트(고딕체)는 이러한 장식이 없어 깔끔하고 현대적인 느낌을 줍니다. 웹에서는 가독성이 높은 sans-serif가 본문에, serif는 제목에 주로 사용됩니다.
폰트 굵기는 100(Thin)부터 900(Black)까지 100 단위로 지정합니다. 400이 Normal(보통), 700이 Bold(굵게)에 해당합니다. 모든 폰트가 9단계를 모두 지원하지는 않으며, 지원하지 않는 굵기를 지정하면 가장 가까운 굵기로 대체됩니다.
웹 타이포그래피와 폰트 선택 가이드 좋은 타이포그래피는 콘텐츠의 가독성과 사용자 경험을 크게 향상시킵니다.
웹 타이포그래피의 기본 원칙 웹 타이포그래피에서 가장 중요한 것은 가독성입니다. 본문 텍스트의 적정 크기는 16px 이상, 행간(line-height)은 1.5~1.8배를 권장합니다. 한글은 글자 구조가 복잡하므로 영문보다 약간 큰 크기와 넉넉한 자간(letter-spacing)을 적용하면 가독성이 향상됩니다.
폰트 조합과 활용 팁 효과적인 폰트 조합의 핵심은 대비(Contrast)입니다. 제목에는 개성 있는 Display나 Serif 폰트를, 본문에는 가독성 높은 Sans-serif 폰트를 사용하는 것이 일반적입니다. 한 페이지에서 2~3개 이내의 폰트를 사용하고, 크기·굵기·색상으로 계층 구조를 만들면 정돈된 디자인을 얻을 수 있습니다.