All about {Web}

☞ 구글 제미니(Google Gemini)가 뽑은 2024년 웹디자이너가 가장 많이 사용한 한글 무료폰트 5가지

※ 개요
2024년, 웹디자인 트렌드에서 폰트의 중요성은 더욱 커졌습니다. 특히 한글 폰트는 웹사이트의 가독성과 디자인 완성도를 높이는 데 큰 역할을 합니다. 다양한 무료 한글 폰트들이 등장하는 가운데, 웹디자이너들이 가장 많이 사용한 5가지 폰트를 소개해 드립니다.

■ 한글 무료폰트 TOP 5

1. 프리텐다드 (Pretendard)
-특징: 뛰어난 가독성과 다양한 굵기, 넓은 문자셋을 갖춘 오픈소스 폰트입니다. Apple San Francisco 폰트를 기반으로 제작되어 친숙하면서도 세련된 느낌을 줍니다.
-장점: 다양한 디바이스와 환경에서 최적화되어 있어 어떤 화면에서도 안정적인 가독성을 제공합니다.
-단점: 아직까지는 상대적으로 새로운 폰트이기 때문에 모든 웹 브라우저에서 완벽하게 지원되지 않을 수 있습니다.

2. 나눔스퀘어
-특징: 네이버에서 제공하는 대표적인 무료 폰트로, 깔끔하고 정갈한 디자인이 특징입니다. 다양한 굵기와 스타일을 제공하여 다양한 디자인에 활용할 수 있습니다.
-장점: 국내에서 가장 많이 사용되는 폰트 중 하나로, 호환성이 매우 뛰어납니다.
-단점: 너무 흔하게 사용되어 다른 웹사이트와의 차별화가 어려울 수 있습니다.

3. 지마켓 산스 (Gmarket Sans)
-특징: 지마켓에서 제작한 무료 폰트로, 친근하고 부드러운 이미지를 연출하기 좋습니다. 다양한 굵기와 스타일을 제공하며, 특히 둥근 형태의 글자가 특징입니다.
-장점: 가독성이 좋고 어떤 디자인에도 잘 어울리는 만능형 폰트입니다.
-단점: 너무 친근한 이미지 때문에 고급스러운 느낌을 연출하기에는 어려울 수 있습니다.


4. 고도체
-특징: 깔끔하고 세련된 디자인으로, 특히 헤드라인이나 중요한 문구를 강조할 때 효과적입니다. 다양한 굵기와 스타일을 제공하며, 영문과 한글의 조합이 자연스럽습니다.
-장점: 모던하고 미니멀한 디자인을 추구하는 웹사이트에 적합합니다.
-단점: 너무 심플한 디자인 때문에 다소 단조롭게 느껴질 수 있습니다.

5. 이롭게 바탕체
-특징: 따뜻하고 부드러운 느낌을 주는 바탕체 계열의 폰트입니다. 옛 한글의 아름다움을 현대적으로 재해석하여 만들어졌으며, 다양한 굵기와 스타일을 제공합니다.
-장점: 따뜻하고 친근한 이미지를 연출하기 좋으며, 특히 블로그나 개인 웹사이트에 적합합니다.
-단점: 너무 옛스러운 느낌이 강해 모든 디자인에 어울리지는 않습니다.

 


※ 폰트 선택 시 고려 사항
- 웹사이트의 목적
- 타겟층
- 가독성
- 독창성

☞ 구글 제미니(Google Gemini)가 뽑은 2024년 웹디자이너가 가장 많이 사용한 영문 무료 폰트 5가지

※개요
2024년, 웹디자인 트렌드에서 영문 폰트의 중요성은 더욱 커졌습니다. 특히 글로벌 웹사이트의 경우, 영문 폰트 선택은 디자인의 완성도를 좌우하는 중요한 요소입니다. 다양한 무료 영문 폰트들이 등장하는 가운데, 웹디자이너들이 가장 많이 사용한 5가지 폰트를 이미지와 함께 소개해 드립니다.

※영문 무료폰트 TOP 5


1. Roboto (로보토)
구글 안드로이드 시스템의 기본 폰트로, 깔끔하고 가독성이 뛰어납니다. 다양한 굵기와 스타일을 제공하며, 어떤 디자인에도 잘 어울립니다.
●다운로드 사이트 : https://fonts.google.com/?query=Roboto

 

2. Montserrat (몬세라트)
깔끔하고 세련된 디자인으로, 특히 헤드라인이나 중요한 문구를 강조할 때 효과적입니다. 다양한 굵기와 스타일을 제공하며, 영문과 한글의 조합이 자연스럽습니다.
●다운로드 사이트 : https://fonts.google.com/?query=Montserrat


3. Open Sans (오픈 산스)
뛰어난 가독성과 다양한 굵기, 넓은 문자셋을 갖춘 오픈소스 폰트입니다. 사람들이 종이에 쓰는 글자의 모양을 모방하여 자연스럽고 편안한 느낌을 줍니다.
●다운로드 사이트 : https://fonts.google.com/?query=Open+Sans


4. Nunito (누니토)
깔끔하고 현대적인 디자인으로, 다양한 디자인에 활용할 수 있습니다. 특히 둥근 형태의 글자가 특징이며, 가독성이 매우 좋습니다.
●다운로드 사이트 : https://fonts.google.com/?query=Nunito


5. Lato (라토)
깔끔하고 세련된 디자인으로, 특히 헤드라인이나 중요한 문구를 강조할 때 효과적입니다. 다양한 굵기와 스타일을 제공하며, 영문과 한글의 조합이 자연스럽습니다.
●다운로드 사이트 : https://fonts.google.com/?query=lato

※ 폰트 선택 시 고려 사항

웹사이트의 목적: 웹사이트의 목적과 분위기에 맞는 폰트를 선택해야 합니다.
타겟층: 타겟층의 연령대와 선호하는 디자인에 맞는 폰트를 선택해야 합니다.
가독성: 가독성이 좋은 폰트를 선택해야 사용자들이 편안하게 웹사이트를 이용할 수 있습니다.
독창성: 다른 웹사이트와 차별화되는 독창적인 폰트를 선택하는 것도 좋은 방법입니다.
추가 정보:

구글 폰트: 다양한 무료 폰트를 제공하며, 웹사이트에 바로 적용할 수 있는 기능을 제공합니다.
Font Awesome: 아이콘 폰트로, 웹사이트에 다양한 아이콘을 추가할 수 있습니다.


☞ 노토산스 (본고딕) [한글날 무료폰트(6) : 2019년] - 상업용으로 사용가능한 무료폰트

※폰트의 개요
본고딕(Noto Sans CJK/Source Han Sans)은 구글과 어도비 시스템즈가 2014년 7월 출시한 한국어, 중국어 번체와 간체, 일본어와 라틴어, 그리스어,키릴 자모를 지원하는 한중일 공통 오픈소스 글꼴. 
Google은 Noto Sans KR, Adobe는 본고딕(Source Han Sans)이란 이름으로 배포한다.

☞다운로드 사이트 : https://fonts.google.com/noto/specimen/Noto+Sans+KR?lang=ko_Kore

 

Noto Sans Korean - Google Fonts

Noto is a global font collection for writing in all modern and ancient languages. Noto Sans KR is an unmodulated (“sans serif”) design for the Korean language u

fonts.google.com

※글꼴 다운로드 (OTF)

NotoSansKR-01.zip
13.45MB
NotoSansKR-02.zip
10.67MB

☞빙그레 따옴체 - 상업용으로 사용가능한 무료서체

※폰트의 개요
자연 그대로의 맛을 담은 음료 '따옴'이 2016년, 2017년에 이어 한글서체 시리즈 제3탄, '빙그레 따옴체'로 개발

☞다운로드 사이트 : http://www.bingfont.co.kr/about-taom.html

 

빙그레 서체

2020 갑붕싸? 빙그레 싸만코체 출시!

www.bingfont.co.kr

※글꼴의 구성
Regualr, Bold / 한글 11,172자, 훈민정음 서문 옛한글 31자
따옴 로고에서 보여지는 자연스러운 나뭇가지의 형상을 표현하여 제작되었습니다. 국문학자와 디자이너의 자문 의견을 반영하여 한글 11,172자와 한글날의 의미를 생각해 볼 수 있는 훈민정음 서문의 옛한글 31자를 추가로 개발

※글꼴 다운로드 (OTF, TTF)

BinggraeTaom.otf
2.35MB
BinggraeTaom.ttf
6.12MB

※글꼴의 라이선스
빙그레 서체(빙그레체, 빙그레체Ⅱ, 빙그레 따옴체, 빙그레 메로나체, 빙그레 싸만코체)의 지적 재산권은 빙그레(http://www.bing.co.kr)에 있습니다.
빙그레 서체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공합니다.
빙그레 서체는 인쇄물, 광고물, 온라인 등 상업적 목적으로 사용할 수 있습니다.
단, 글꼴 자체를 유료로 판매하는 것은 금지하며
빙그레 서체는 수정 및 재배포를 할 수 없으며, 배포되는 형태 그대로 사용해야 합니다.
빙그레 서체를 사용한 인쇄물, 광고물(온라인 포함)의 이미지는 빙그레 프로모션을 위해 활용될 수 있습니다.
이를 원치 않는 사용자는 언제든지 당사에 요청하실 수 있습니다.
문의(http://www.bing.co.kr)

☞상업용 무료폰트 - 서강체

※서체 개요
간결하고 세련된 세리프와 모던한 분위기의 유려한 곡선 연출로, 제목용과 본문용으로 모두 활용하기 좋은 서체

※다운로드 사이트 : https://www.sogang.ac.kr/intro/symbol/s_sogangfont01.html

※서체의 특징
서강대학교의 UI, 캐릭터, 교육이념 등의 이미지를 분석하여 서강대학교의 아이덴티티와 정신을 서체에 적용

웨이브 파도체, 다이내믹이 필요한 모든 순간에 적합한 서체

※서체 구성
서강체는 서강대학교의 전용서체로 KS X 1001 스펙의 한글 2,350자, 영문 95자, KS심볼 985자

※서체 다운로드

SOGANG_UNIVERSITY_for_mac.otf
0.53MB
SOGANG_UNIVERSITY_for_windows.ttf
1.46MB

※서체 라이선스
서강체의 지적 재산권은 서강대학교에 있습니다.
서강체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 사용할 수 있고 상업적 이용이 가능합니다.
주의) 본 서체는 글꼴 자체를 유료로 판매하거나 왜곡 변형할 수 없습니다.
서체 설치, 오류 또는 소프트웨어 임베딩 문의는 (주)투게더그룹 02-408-2019로 연락 주시기 바랍니다.

☞구미돋움체 - 상업용 무료폰트

※서체 개요
구미시의 도시브랜드를 담은 서체

☞다운로드 사이트 :  https://www.gumi.go.kr/portal/contents.do?mid=0502070000

 

구미시청

시민과 함께 신나는 스마트도시 구미

www.gumi.go.kr

※서체의 특징
반도체 특화단지로 도약하는 첨단도시이자 다 함께 잘 사는 상생도시 구미의 도시 브랜드 이미지를 표현한 본문용 서체
시각중심과 자간 - 시각중심을 중단으로 하여 시선 이동과 정렬을 편하게 하고, 고정폭으로 설계하여 시각적 안정감을 줌

낭만 | 자연 | 첨단

☞폰트의 구성 (Regular)
한글 2,780자, 라틴 95자, KS심볼 985자로 구성된 본문용 서체

☞폰트 다운로드 : TTF, OTF

구미돋움체.zip
0.72MB

※라이선스
구미시 전용 서체의 지적 재산권은 구미시에 있습니다. 구미시 전용 서체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 사용할 수 있고 상업적 이용이 가능합니다.
ⓘ 주의 : 본 서체는 글꼴 자체를 유료로 판매하거나 왜곡 변형할 수 없습니다.


☞상업용 무료폰트 - 페이퍼로지(paperlogy)체

※서체 개요

G마켓산스의 한글과 Montserrat의 영문을 결합
페이퍼로지의 PICK. 파워포인트에서 사용하면 좋은 폰트 두가지를 하나의 폰트로!

페이퍼로지체 - 파워포인트에서 사용하면 좋은 폰트

※서체 특징
01.G마켓산스의 글자너비를 5% 좁혔어요.
02.읽기전용 폰트 아닌 수정 가능한 폰트
- 파일의 글꼴 포함에 체크하고, 모든 문자 포함을 선택하시면 폰트가 설치되지 않은 컴퓨터에서도 수정이 가능
03.글자와 도형 높이 중심을 맞췄습니다
04.윈도우에서도 텍스트 투명 윤곽선이 필요 없어요
- 윈도우에서 G마켓산스가 거칠게 나와서 일일이 텍스트에 투명 윤곽선 넣느라 많이 불편하셨죠? 페이퍼로지체는 그냥 써도 깔끔 그 자체!
05.파워포인트에서 커닝 잘 적용됩니다!
- 많은 폰트들이 파워포인트에서 커닝이 적용되지 않아요. G마켓산스는 물론, Monserrat도.. 그렇지만 페이퍼로지체는 커닝까지 완벽!!
06.자간 조정없이 그대로 쓰세요!
- 자간 조정이 필요 없도록 기본 자간을 좁혀뒀어요.
07.한 눈에 수치 비교가 가능한 고정폭 숫자!
08.파일 크기가 고작 660KB?!
- 파일의 글꼴 포함을 위해서 폰트 파일 크기는 작을수록 좋죠! 한글 2,780자만 사용하여 파일 크기를 줄였어요.

※다운로드 사이트
https://freesentation.blog/paperlogyfont

 

PAPERLOGY FONT

페이퍼로지가 선택한 폰트! 지마켓산스의 한글과 Montserrat의 영문을 결합한 '페이퍼로지체'를 사용해보세요!

freesentation.blog

G마켓산스의 한글과
Montserrat의 영문을 
하나로!

※서체 구성
☞9가지 굵기의 페이퍼로지 글자가족

※서체 다운로드

SYZex4QGwAcN7WPoKUBM6CI6Tc.zip
2.18MB

※서체 라이선스
페이퍼로지체는
상업용으로 사용 가능한 무료 폰트입니다.
SIL 오픈폰트라이선스(OFL)에 따라 글꼴 단독 판매 또는 글꼴 라이선스 변경을 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다.

☞상업용 무료폰트 - 프리젠테이션체 2.0

※서체 개요
잘 만들어진 본고딕 한글과
Roboto의 영문을 결합하여 리디자인

※서체 특징
01.읽기 전용이 아닌 수정 가능한 폰트 - 파일의 글꼴 포함에 체크만 하면, 폰트가 없는 컴퓨터에서도 수정 가능!
02.폭이 좁은 장체 스타일로 글자를 더 크게 더 많이 - 글자너비와 글자사이를 좁게 하여 같은 공간에 더 큰(또는 많은) 글자를 담아내다.
03.문자 간격은 쫀쫀하게 줄 간격은 시원하게 - 번거로운 간격 조정 이제 그만. 기본 간격 그대로!
04.텍스트 윤곽선을 넣지 않아도 작은 글씨까지 깔끔하게 - 더 이상 텍스트에  투명한 윤곽선 넣지 마세요!
05.한 눈에 알아보기 쉽게! - 딱 떨어지는 고정폭 숫자 숫자 1의 폭을 동일하게 하여 콤마와 소숫점 자리 맞춤

※다운로드 사이트
https://freesentation.blog/

 

Freesentation

파워포인트 사용자를 위한 폰트, 프리젠테이션

freesentation.blog

잘 만들어진 본고딕 한글과
Roboto의 영문을 결합하여 리디자인

※서체 구성
☞ 9가지 굵기의 프리젠테이션 글자가족

※서체 다운로드

Freesentation-2.000.zip
11.26MB

※서체 라이선스
Freesentation은 상업용으로 사용 가능한 완전 무료 폰트입니다.
Freesentation은 노토산스(본고딕)와 같은 SIL 오픈폰트라이선스(OFL)에 따라 글꼴 단독 판매 또는 글꼴 라이선스 변경을 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다. 맘껏 쓰세요!

여기어때가 시각적 커뮤니케이션을 강화하기 위해 브랜드 아이덴티티를 담아 개발한 서체,
라운드와 직선을 모두 담은 모음과 곡선으로 떨어지는 자음이 특징인 타이틀 전용 서체로 디자인

※여기어때 잘난체 고딕 특징

  • 유무료 구분 : 무료 사용 (상업적 이용 가능)
  • 폰트 적용 : 네모틀에 꽉 찬 구조로 제작된 두께 있는 한글과 크기와 기준선을 맞춘 숫자와 라틴을 함께 사용할 때의 조화가 더욱 좋은 제목용 서체
  • 폰트 사용제한 :  '여기어때 잘난체' 글꼴 자체를 유료로 판매하거나 어떠한 형태로든 임의 수정/개작하여 글꼴을 재배포 하는 것은 금지
  • 폰트 구성 : 한글 11,172자 라틴 95자 특수문자 967자 딩뱃 127자로 구성한 2가지 타입의 잘난체

여기어때 잘난체 고딕

※여기어때 잘난체 고딕 다운로드
https://gccompany.co.kr/font#download

 

여기어때 잘난체

여행의 즐거운 경험을 제공하는 여기어때의 잘난체와 고딕 서체를 무료로 사용해 보세요.

gccompany.co.kr

웨이브(Wavve)는 온라인동영상서비스(OTT)업계 최초로 브랜드 폰트 '웨이브 파도체'를 출시, 무료 배포

웨이브 파도체는 파도의 모양에서 영감을 얻어 좌에서 우로 향하는 획의 삐침과 곡선을 포인트로 한다. 브랜드 아이덴티티를 반영함과 동시에 콘텐츠를 즐기는 순간 이외의 일상에서 필수재인 웨이브를 더 가까이에서 만나보도록 하는 친근함의 의미를 담았다.

※웨이브 파도체
☞ 유무료 구분 : 무료 사용 (상업적 이용 가능) - 웨이브 파도체는 상업적 이용을 포함하여 누구나 조건 없이 자유롭게 사용가능
☞ 폰트 적용 : 다이내믹이 필요한 모든 순간에 적합한 서체
☞ 폰트 사용제한 : 폰트의 판매 및 BI/CI 목적으로는 사용금지
☞ 폰트 구성 : 한글 기본 2350자, 한글 특수 11자, 라틴 기본 95자, 특수 기호 269자까지 구현해 일상적인 표준 단어 표현이 가능

※ 웨이브 파도체 다운
https://event.wavve.com/2024-seasons-greetings/index.html