Pretendard 폰트
프리텐다드(Pretendard)는 웹과 모바일 환경에서 가독성이 뛰어난 오픈소스 한글/영문 서체입니다.
개요
Pretendard는 'Apple San Francisco', 'Noto Sans KR', 'Spoqa Han Sans' 등을 참고해 제작된 서체로, UI와 본문에서 모두 우수한 가독성을 제공합니다. 다양한 굵기와 정갈한 디자인이 특징입니다.
CDN 연결 방법
아래 링크를 <head> 안에 삽입하면 됩니다.
Html
<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" rel="stylesheet" />
그리고 CSS에 아래처럼 적용합니다:
Css
body {
font-family: 'Pretendard', sans-serif;
}
사용 예제
아래 문장은 Pretendard 폰트를 적용한 예시입니다.
👋 안녕하세요!
This is Pretendard font in action.
This is Pretendard font in action.
폰트 두께 비교
| 예시 | 두께 |
|---|---|
| [Pretendard] 안녕하세요. 반갑습니다. | 100 |
| [Pretendard] 안녕하세요. 반갑습니다. | 200 |
| [Pretendard] 안녕하세요. 반갑습니다. | 300 |
| [Pretendard] 안녕하세요. 반갑습니다. | 400 |
| [Pretendard] 안녕하세요. 반갑습니다. | 500 |
| [Pretendard] 안녕하세요. 반갑습니다. | 600 |
| [Pretendard] 안녕하세요. 반갑습니다. | 700 |
| [Pretendard] 안녕하세요. 반갑습니다. | 800 |
| [Pretendard] 안녕하세요. 반갑습니다. | 900 |
라이선스 요약표
| 카테고리 | 사용범위 | 허용여부 |
|---|---|---|
| 인쇄 | 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 | 가능 |
| 웹사이트 | 웹페이지, 광고 배너, 메일, E-브로슈어 등 | 가능 |
| 포장지 | 판매용 상품의 패키지 | 가능 |
| 영상 | 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등 | 가능 |
| 임베딩 | 웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작 | 가능 |
| BI/CI | 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈 | 가능 |
| OFL | 폰트 파일 수정·복제·배포 가능 단, 폰트 파일의 유료 판매는 금지 | 부분 가능 |
주의사항 및 팁
- Pretendard는 다양한 굵기(weight: 100~900)를 제공하므로, 굵기를 지정해 사용할 수 있습니다.
- CDN 대신 폰트를 직접 다운로드하여 self-hosting도 가능합니다.
- 라이선스는 OFL(Open Font License)로 자유롭게 상업적 사용이 가능합니다.
- 다운로드 페이지
주의
폰트가 정상적으로 적용되지 않는다면 캐시 삭제 또는 경로 확인이 필요할 수 있습니다.
'웹폰트 > 고딕' 카테고리의 다른 글
| Noto Sans KR (0) | 2025.08.05 |
|---|
댓글