프로필 작성에서부터 디자인 작업까지, 폰트는 다양한 환경에서 중요한 요소로 작용한다. 무료로 제공되는 폰트 사이트를 활용하면 비용을 절약하면서도 원하는 스타일을 적용할 수 있다. 각 사이트별 특징, 라이선스 조건, 웹폰트(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
'시작하다 > 도구소개' 카테고리의 다른 글
한글 무료 폰트 추천: 영상편집에 쓰기좋은 공포/놀람/사랑 자막 (0) | 2025.03.18 |
---|---|
일본 무료 아이콘 사이트 추천: icooon mono / iconmonstr (0) | 2025.03.13 |
파일 변환기 및 유용한 무료 사이트 모음 (0) | 2025.03.04 |
Window Swap : 전 세계 사람들의 창문 밖 풍경을 공유할 수 있다면 (1) | 2025.02.28 |
무료 PPT/탬플릿 사이트 7가지 (0) | 2025.02.27 |