본문으로 건너뛰기

웹사이트 제작에 필요한 웹폰트 모음

조회수 697 게시일 2023.02.13 2주 전 수정

웹사이트 가독성을 높이는 한글, 영문 웹폰트를 비교해 Noto Sans KR, 나눔고딕, Roboto 등 실무에서 자주 쓰는 서체를 정리했습니다. Noto Sans Korean, Nanum Gothic, Open Sans, Roboto, Lato 등을 다룹니다.

Noto Sans Korean

구글이 2012년부터 개발하기 시작한 오픈 소스 글꼴인 '노토 산스'의 한글 지원 문자입니다. 개발에 참여한 어도비에서는 '본고딕' 혹은 'Source Han Sans'라는 명칭으로 배포합니다.
https://fonts.google.com/noto/specimen/Noto+Sans+KR

Noto-Sans-Korean-Google-Fonts

Nanum Gothic

나눔고딕은 네이버에서 무료 배포하는 글꼴로 웹폰트로도 많이 쓰입니다. 글꼴의 모서리가 약간 둥글둥글한 점이 굴림체와 유사합니다.
https://fonts.google.com/specimen/Nanum+Gothic

Open Sans

널리 사용되는 영문 폰트이며 한글 웹사이트에서도 기본 글꼴로 많이 쓰입니다.
https://fonts.google.com/specimen/Open+Sans

Roboto

구글에서 개발하여 안드로이드 시스템 폰트로 사용하였고 현재 영문 웹폰트로 인기가 높습니다. 특히 가독성이 높으면서 많은 정보를 전달할 수 있는 폰트입니다.
https://fonts.google.com/specimen/Roboto

Lato

영문 웹사이트에서 기본 글꼴로 많이 사용하며 깔끔하면서도 유연하고 읽기 쉬운 특징을 가지고 있습니다.
https://fonts.google.com/specimen/Lato

Montserrat

깔끔하고 선명한 느낌이 강한 산세리프 폰트로, 적절한 굵기와 너비로 가독성이 높습니다.
https://fonts.google.com/specimen/Montserrat

브라우저 기본 폰트

폰트 스타일을 지정하지 않은 상태에서 브라우저에 출력되는 글꼴을 확인할 수 있는 페이지.
https://www.ppcle.com/pages/elements/typography-browser.php

부트스트랩 4 적용 폰트

Bootstrap 4.6.2.
https://www.ppcle.com/pages/elements/typography-bootstrap4.php

제작·운영 상담이
필요하시면

이 글과 맞는 범위·일정을 함께 정리해 드립니다.