본문 바로가기

시작하다/도구소개

무료 폰트 사이트

728x90

 

프로필 작성에서부터 디자인 작업까지, 폰트는 다양한 환경에서 중요한 요소로 작용한다. 무료로 제공되는 폰트 사이트를 활용하면 비용을 절약하면서도 원하는 스타일을 적용할 수 있다. 각 사이트별 특징, 라이선스 조건, 웹폰트(CDN) 사용법, 가변 폰트 개념 등을 자세히 살펴보자.

 

사이트 설명에 앞서, 웹폰트와 가변폰트에 대해 간단하게 설명한다.

 

 

 

 

 

 

더보기는 웹폰트 CDN / 가변폰트란 무엇인지에 대해 알고싶다면 ↓

 

더보기


웹폰트 CDN 란?

웹폰트 CDN(Content Delivery Network)이란, 폰트를 직접 다운로드하지 않고, 웹에서 바로 불러와 사용할 수 있는 기능을 의미한다. 예를 들어, Google Fonts 눈누에서 웹폰트 링크를 제공하는데, 이를 HTML에 추가하면 폰트를 다운로드하지 않고도 바로 사용할 수 있다.

 

📌 예제 (Google Fonts)

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
<style>
  body {
    font-family: 'Noto Sans KR', sans-serif;
  }
</style>
  • <link> 태그로 Google Fonts에서 폰트를 불러옴
  • CSS에서 font-family: 'Noto Sans KR'을 지정하면 폰트가 적용됨

 

장점
- 폰트를 다운로드하고 설치할 필요 없음
-  웹사이트 로딩 속도가 빨라짐 (CDN 서버에서 최적화 제공)
-  유지보수가 편리함 (폰트 업데이트가 자동 적용됨)

단점
-  인터넷 연결이 필요함 (로컬 파일이 아님)
-  폰트가 제공 중단될 가능성이 있음

 

 

 

가변 폰트(Variable Font)란?

가변 폰트(Variable Font)는 하나의 폰트 파일로 여러 굵기(Weight), 너비(Width), 기울기(Slant) 등을 조절할 수 있는 폰트를 말한다. 일반적으로 폰트는 Bold, Regular, Light 등 여러 개의 스타일이 따로 존재하지만, 가변 폰트는 한 개의 폰트 파일로 다양한 스타일을 표현할 수 있다.

 

📌 예제 (가변 폰트 적용)

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

p {
  font-family: 'Inter', sans-serif;
  font-weight: 450; /* 일반 폰트에서는 지원되지 않는 중간 굵기도 가능 */
}

 

  • font-weight: 450; 같은 세밀한 조절이 가능
  • 기존 폰트에서는 보통 400(Regular), 700(Bold)처럼 정해진 값만 가능했음

 

 

장점
-  폰트 파일 하나로 여러 스타일을 표현 가능 → 파일 크기가 줄어들어 웹사이트 속도 최적화
-  더 부드럽고 자연스러운 폰트 변형 가능
-  디자인 유연성이 높음 (사용자가 원하는 굵기 & 너비 조절 가능)

단점
-  모든 폰트가 가변 폰트를 지원하는 것은 아님
-  일부 오래된 브라우저에서는 지원하지 않을 수도 있음

 

 

 

 

 

 

 


 

 

 

1. Google Fonts (fonts.google.com)

특징

  • 100% 무료 (개인 & 상업적 사용 가능)
  • 웹폰트 사용을 위한 CDN 제공 (HTML에 바로 링크 가능)
  • 한글 포함 다양한 언어 지원
  • 가변 폰트(Variable Fonts) 제공 → 굵기, 너비 등 조절 가능
  • 라이선스: 모든 폰트가 Open Font License (OFL) 적용

특이점:

  • HTML 코드 제공 → 웹사이트에 바로 적용 가능
  • 폰트 조합 추천 기능 제공

유료 플랜 없음 (완전 무료)

 

 

2. 눈누 (Noonnu) (noonnu.cc)

특징

  • 한국 폰트 위주
  • 대부분의 폰트가 상업적 이용 가능
  • 사이트 내에서 웹폰트 링크 생성 가능 (CSS 링크 제공)
  • 사용자가 만든 폰트도 업로드 가능

특이점:

  • 웹폰트 링크 자동 생성 (CDN 방식)
  • 폰트 검색 시 라이선스 필터 제공 (출처 & 사용 범위 확인 가능)

유료 플랜 없음 (완전 무료)

 

 

3. DaFont (www.dafont.com)

특징

  • 다양한 스타일의 영문 폰트 중심
  • 사용자 업로드 방식 → 디자이너들이 직접 폰트를 올림
  • 폰트별 라이선스 다름 (무료 / 개인용 / 상업용 따로 확인해야 함)

특이점:

  • 폰트 스타일별 정리 (고딕체, 손글씨체, 공포, 게임, 레트로 등)
  • ZIP 파일로 다운로드 후 직접 설치해야 함

유료 플랜 없음, 일부 폰트는 유료

 

 

4. Font Squirrel (www.fontsquirrel.com)

특징

  • 상업적 이용 가능한 폰트만 선별
  • 웹폰트 변환기 제공 (TTF → WOFF 변환 가능)
  • 인기 폰트 추천 기능

특이점:

  • 웹폰트 변환기 제공 → 가지고 있는 폰트를 웹폰트로 변환 가능
  • 라이선스 필터 제공 → 무료/상업용 필터 가능

유료 플랜 없음, 일부 폰트는 유료

 

 

5. Urban Fonts (www.urbanfonts.com)

특징

  • 다양한 스타일의 영문 폰트 제공
  • 무료 & 유료 폰트 혼합
  • 미리보기 기능 제공

특이점:

  • 사이트 내에서 문구 입력 후 실시간 미리보기 가능
  • 폰트 카테고리가 독특함 (낙서체, SF 테마, 빈티지, 공포 등)

무료 & 유료 폰트 혼합 (유료 플랜은 없음)

 

 

 

사이트별 차이점 요약

사이트 라이선스 유료 플랜 특징 & 특이점

사이트 라이선스 유료플랜 특징&특이점
Google Fonts 100% 무료 (OFL) 없음 웹폰트 CDN 제공, 가변 폰트 지원
눈누 대부분 무료 (한글 위주) 없음 웹폰트 링크 자동 생성, 라이선스 필터 제공
DaFont 폰트마다 다름 없음 스타일별 폰트 제공, ZIP 파일 직접 설치 필요
Font Squirrel 상업적 이용 가능 폰트만 선별 없음 웹폰트 변환기 제공, 라이선스 필터 가능
Urban Fonts 무료 & 유료 혼합 없음 미리보기 기능, 다양한 카테고리 존재

 

 

어떤 사이트를 선택하면 좋을까?

  • 웹사이트에서 바로 적용할 폰트가 필요하다 → Google Fonts, 눈누
  • 한글 폰트를 찾고 있다 → 눈누
  • 특이한 영문 폰트 (레트로, 공포, 게임용 등)가 필요하다 → DaFont, Urban Fonts
  • 상업적 이용이 확실한 폰트가 필요하다 → Font Squirrel
  • 웹폰트 변환이 필요하다 → Font Squirrel

 

 

 

 

728x90