무료 한글(국문) 웹 폰트 베스트 7 & 무료 폰트 모음 사이트 베스트 5: 디자이너 필수 팁
아직도 웹사이트에 노토산스만 쓰시나요? 요즘 가독성 높고 예쁜 무료 폰트를 제공하는 곳들이 많습니다. 저만 쓰려고 모아둔 가독성도 높고 어느 웹사이트에나 잘 어울릴 만한 무료 웹 폰트 7가지 공개해 드립니다.
웹 디자인에서 폰트는 정보 전달뿐만 아니라 웹사이트의 브랜드 아이덴티티와 사용자 경험에 있어서 고려해야 할 필수 요소인 거 아시죠? 혹시 더 체계적으로 알고 싶으시다면 웹 폰트에 대해 쓴 글을 한번 읽어보세요.
본인이 좋아하는 유료 폰트 아이템을 구매하는 것도 나쁘진 않지만 많은 웹사이트를 디자인할 때 유료로 쓰기엔 너무 제한적이죠. 요즘 무료로 제공되는 퀄리티 높은 폰트들도 많이 있고요. 그래서 쓸 만한 무료 폰트 7가지를 소개해 드리려고 합니다.
다만, 개인 용도와 상업적 사용 용도를 구분해서 제한하는 무료 폰트들도 있으니 사용규정(라이선스)을 꼭 다시 확인하셔야 합니다.
무료 한글 웹 폰트 7가지
1. Pretendard(프리텐다드)
2021년에 길형진 디자이너가 애플의 산돌고딕 Neo, San Francisco 폰트를 대체하기 위해 디자인한 한국의 오픈 소스 폰트입니다. 최근 23년 11월 업데이트를 한 매우 핫한 폰트라고 할 수 있죠.
- 폰트 스타일: 고딕체, 9가지 굵기 제공 (Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Black)
- 라이선스: SIL Open Font License로 상업적(웹뿐 아니라 인쇄물, 웹, 비디오, 패키징 등 다양한 분야에서 사용 가능) 사용, 수정, 재배포가 가능하지만 개별 폰트 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 언어 지원: 라틴어(영어), 키릴 문자, 그리스어 등을 지원
- 폰트 포맷: otf, ttf, woff, woff2 파일로 @font-face를 통해 웹에서 사용 가능
- 웹폰트 사용
@font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
2. 나눔스퀘어
나눔스퀘어 폰트는 네이버에서 개발한 무료 한글 폰트 시리즈로 온라인에서의 한글 표현을 높이기 위해 만들어졌으며, 다양한 용도로 사용할 수 있는 35개의 폰트로 구성되어 있습니다. 다양한 사이트에 잘 어울리기 때문에 제가 좋아하는 폰트이기도 하죠.
- 폰트 스타일: 고딕체, 4가지 굵기 제공 (Regular, Bold, Light, ExtraLight)
- 라이선스: 무료로 제공되며 수정과 재배포가 가능하지만 유료 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 언어 지원: 한글 2,350자, 추가 문자 129자, 라틴어 94자 등 총 985자의 글리프 지원
- 폰트 포맷: ttf, otf, eot, woff, woff2, variable
- 기타: 시리즈로써 나눔스퀘어, 나눔스퀘어 라운드, 나눔스퀘어 네오
- 웹폰트 사용
<!-- 나눔스퀘어 --> @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); <!-- 나눔스퀘어 라운드 --> @font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; } <!-- 나눔스퀘어 네오 --> @font-face { font-family: 'NanumSquareNeo-Variable'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2'); font-weight: normal; font-style: normal; }
3. Gmarket Sans(지마켓 산스)
지마켓 산스 폰트는 G마켓 브랜드 아이덴티티를 반영하여 설계된 무료 폰트로써 다양한 브랜드, 판매자, 사용자들이 제한 없이 공유하고 사용할 수 있도록 만들어졌습니다. 첫 닿자, 홑자, 받침자로 조합 가능한 모든 한글 표현이 가능하도록 제작되었다고 해요.
- 폰트 스타일: 고딕체, 3가지 굵기 제공 (Light, Medium, Bold)
- 라이선스: 무료로 제공되며 수정과 재배포가 가능하지만 유료 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 언어 지원: 한글 11,172자, 영문 95자, 특수문자 986자 지원
- 폰트 포맷: ttf, otf
- 기타: ttf 파일은 woff의 용량이 3배 크기 때문에 다소 무거울 수 있습니다.
- 웹폰트 사용
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
4. 고도체
고도체 폰트는 NHN Godo에서 개발한 무료 한글 폰트로써, 쇼핑몰 정보와 브랜드 이미지를 효과적으로 표현하기 위해 설계되었습니다. 고도체 폰트는 강조된 정보를 전달하는 데 적합하여 쇼핑몰 배너나 이벤트 페이지 제목으로 사용 시 주목도가 높다고 합니다.
- 폰트 스타일: 2가지 굵기 제공 (Medium, Bold)
- 라이선스: 무료로 제공되며 수정과 재배포가 가능하지만 유료 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 폰트 포맷: ttf, otf
- 기타: 시리즈로써 고도체, 고도마음체, gogo Rounded(영문, 숫자만 가능)
- 웹폰트 사용
<!-- 고도체 --> @font-face { font-family: 'Godo'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff'); } <!-- 고도마음체 --> @font-face { font-family: 'godoMaum'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/godoMaum.woff') format('woff'); font-weight: normal; font-style: normal; }
5. 이롭게 바탕체
이롭게 바탕체는 국내 최초 웹전용 한글 세리프 폰트로써, 온/오프라인에서 현대적인 디자인에 활용할 수 있습니다. 이 폰트는 디지털 환경에 최적화되어 있으며, 풍부한 문자 지원과 경량화 설계로 웹에서 효과적으로 사용할 수 있습니다.
- 폰트 스타일: 바탕체, 1가지 굵기 제공 (Medium)
- 라이선스: 무료로 제공되며 수정과 재배포가 가능하지만 유료 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 언어 지원: 한글 11,172자 지원
- 폰트 포맷: ttf, otf
- 웹폰트 사용
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
6. 에스코어 드림 (S-Core Dream)
에스코어 드림은 국내 기업 에스코어에서 개발한 무료 한글 폰트로써, '꿈'과 '드리다'라는 두 가지 의미를 가지고 있으며, 직사각형 구조의 제목용 글꼴로 복고적인 형태에 현대적인 감성을 담았다고 합니다.
- 폰트 스타일: 9가지 굵기 제공 (Thin, Extra Light, Light, Regular, Medium,, Bold, Extra Bold, Heavy, Black)
- 라이선스: 무료로 제공되며 수정과 재배포가 가능하지만 유료 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 언어 지원: 한글 11,172자, 영문 95자, 특수문자 986자 지원
- 폰트 포맷: otf
- 웹폰트 사용
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
7. 여기어때 잘난체
여기어때 잘난체는 여행 플랫폼 '여기어때'의 브랜드 아이덴티티를 반영하여 개발된 무료 한글 폰트로써, 시각적 커뮤니케이션을 강화하고자 제작되었으며, 라운드와 직선을 모두 담은 모음과 곡선으로 떨어지는 자음이 특징인 타이틀 전용 서체로 디자인되었습니다.
- 폰트 스타일: 1가지 굵기 제공
- 라이선스: 무료로 제공되며 수정과 재배포가 가능하지만 유료 판매는 금지됩니다.
- 사용 범위: 인쇄물, 웹, 비디오, 패키징, 임베딩, 브랜딩 등 다양한 분야에서 사용 가능
- 언어 지원: 한글 11,172자, 라틴 95자, 특수문자 967자, 딩뱃 127자 지원
- 폰트 포맷: ttf, otf
- 기타: Opentype 기능을 활용하여 제작한 딩뱃 127자는 여행이 연상되는 해시태그 입력 시 이미지로 변경되어 글자와 함께 사용할 수 있는 것이 특징입니다.
시리즈로써 여기어때 잘난체, 여기어때 잘난체 고딕 - 웹폰트 사용
<-- 여기어때 잘난체 --> @font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } <-- 여기어때 잘난체 고딕 --> @font-face { font-family: 'JalnanGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff'); font-weight: normal; font-style: normal; }
무료 폰트 모음 사이트
1. 구글 웹폰트
구글 웹폰트는 구글이 제공하는 무료 오픈 소스 폰트 라이브러리이며, 웹 개발자와 디자이너들이 웹사이트에 쉽게 적용할 수 있도록 다양한 폰트 옵션을 제공하기 때문에 많은 웹 디자이너들이 방문하는 사이트죠. 구글 웹폰트는 웹 표준을 준수하며, 빠른 로딩 속도와 크로스 브라우저 호환성을 자랑합니다.
- 무료 사용: 구글 웹폰트는 개인 및 상업적 용도로 무료로 사용할 수 있습니다.
- 다양한 언어 지원: 라틴어, 키릴 문자, 아랍어, 히브리어, 그리스어 등 다양한 언어를 지원합니다.
- 크로스 브라우저 호환성: 모든 주요 웹 브라우저에서 호환되어 사용할 수 있습니다.
- 빠른 로딩 속도: 구글 서버에서 제공되어 빠른 로딩 속도를 보장합니다.
- 웹 표준 준수: CSS와 HTML 표준을 준수하여 웹 접근성을 높입니다.
- 다양한 폰트 스타일: 다양한 폰트 스타일과 두께, 기울기 등을 제공합니다.
2. 네이버 폰트
네이버는 2008년부터 150개 이상의 폰트를 개발하고 무료로 배포하고 있는데, 특히 '나눔' 폰트 시리즈는 온라인에서의 한국어 표현을 높이고자 만든 35개의 폰트입니다. 또한 디지털 화면에 최적화된 '마루 버리' 폰트는 6만 명 이상의 사용자 의견을 반영하여 4년간 개발되었습니다. 개인의 필기체와 네이버 Clova AI 기술이 협업하여 만든 '나눔 손글씨' 폰트는 109개의 다양한 폰트를 제공합니다. 무엇보다 깔끔한 서체들을 제공하기 때문에 활용도가 높은 것 같아요.
- 무료 제공: 네이버는 개인 및 상업적 용도로 무료로 폰트를 제공하고 있습니다.
- 다양한 폰트 시리즈: '나눔', '마루 버리', '나눔 손글씨' 등 다양한 폰트 시리즈를 제공합니다.
- 한글 표현 향상: 온라인에서의 한국어 표현을 높이기 위해 개발되었습니다.
- 사용자 의견 반영: '마루 버리' 폰트는 6만 명 이상의 사용자 의견을 반영하여 개발되었습니다.
- AI 기술 활용: '나눔 손글씨' 폰트는 개인의 필기체와 네이버 Clova AI 기술이 협업하여 만들어졌습니다.
3. 눈누
눈누는 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 소개하는 웹사이트로써, 무료로 사용 가능 한 폰트가 많고 글꼴의 모양에 따라 필터링하여 검색할 수 있습니다. 또한 라이선스에 따라 상업적으로 사용 가능한 폰트를 제공하고 웹 폰트를 제공하기 때문에 아주 유용하게 쓸 수 있어요.
- 무료 상업용 폰트 제공: 눈누는 상업적으로 이용할 수 있는 무료 한글 폰트를 제공합니다.
- 다양한 폰트 스타일: 다양한 스타일의 폰트를 모아 소개하고 있습니다.
- 편리한 검색 기능: 글꼴의 모양에 따라 폰트를 필터링하여 검색할 수 있습니다.
- 사이트 개편: 2021년에 사이트를 개편하여 디자인을 변경하고 자주 묻는 질문 페이지와 추천 폰트 페이지에 버튼을 추가했습니다.
4. 공유마당 무료폰트
공유마당은 대한민국 문화체육관광부가 운영하는 저작권 공유 플랫으로, 다양한 무료 폰트를 제공하고 있습니다. 많은 서체들이 있는 사이트이기 때문에 온라인 문서, PPT 작성, 인쇄, 공유 등에 활용할 수 있을 것 같아요.
- 다양한 폰트 제공: 공유마당에서는 다양한 스타일의 무료 폰트를 제공하고 있습니다.
- 상업적 이용 가능: 대부분의 폰트는 상업적 및 비상업적 용도로 사용할 수 있습니다.
- 출처 표기 및 라이선스 준수: 폰트를 이용할 때는 출처 표기와 라이선스 전문을 포함해야 합니다.
- 로고 및 그래픽 형태 제한: 로고 형태나 그래픽 형태의 글리프 글자체는 상업적 이용이 제한됩니다.
5. 지역별 서체
지역별 서체는 각 지역의 고유한 문화와 정체성을 반영한 폰트로써, 전국 각지의 지자체와 기관에서 지역 특색을 담은 무료 서체를 개발하여 제공하고 있습니다. 방문해 보시면 디자인할 때 알맞게 쓸 수 있는 서체들이 꽤 되니 적극 활용하시면 좋을 것 같아요.
- 지역 문화 반영: 각 지역의 고유한 문화와 정체성이 반영된 폰트를 제공합니다.
- 무료 배포: 지자체와 기관에서 개발한 서체를 무료로 배포하고 있습니다.
- 다양한 활용도: 인쇄, 출판, 웹, 모바일 등 다양한 용도로 활용할 수 있습니다.
- 설치 편의성: Windows와 Mac 운영체제에 쉽게 설치할 수 있습니다.
'디자인 + 웹' 카테고리의 다른 글
웹 폰트는 어떤 기준으로 선택할까? (0) | 2024.04.25 |
---|---|
2024년 혁신적인 웹디자인 트렌드 7가지 (0) | 2024.04.23 |
웹사이트 헤더와 푸터 디자인의 중요성 (0) | 2024.04.16 |
웹 디자인의 시각적 디자인 원리와 기초 (0) | 2024.04.16 |
웹 디자인과 색상 값, 색상의 의미 (0) | 2024.04.15 |
댓글