나눔고딕
크기
32px
라이선스
상업적 이용 가능 (무료)
네이버에서 제작한 나눔 글꼴의 지적 재산권은 네이버와 네이버 문화재단에 있습니다. 개인 및 기업 모두 무료로 사용 가능하며 글꼴 자체를 유료로 판매하는 행위 외에는 자유롭게 수정 및 재배포가 가능합니다.
라이선스 전문을 포함하기 어려울 경우 출처 표기를 권장합니다.
네이버에서 제작한 나눔 글꼴의 지적 재산권은 네이버와 네이버 문화재단에 있습니다. 개인 및 기업 모두 무료로 사용 가능하며 글꼴 자체를 유료로 판매하는 행위 외에는 자유롭게 수정 및 재배포가 가능합니다.
라이선스 전문을 포함하기 어려울 경우 출처 표기를 권장합니다.
| 카테고리 | 사용 범위 | 허용 여부 |
|---|---|---|
| 인쇄 | 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 | O |
| 웹사이트 | 웹페이지, 광고 배너, 메일, E-브로슈어 등 | O |
| 포장지 | 판매용 상품의 패키지 | O |
| 영상 | 유튜브, CF, 상업영화, 영상 자막 등 | O |
| 임베딩 | 웹사이트 및 프로그램 서버 내 폰트 탑재, E-book | O |
| BI/CI | 회사명, 브랜드명, 상품명, 로고 등 | O |
| OFL | 수정·복제·배포 가능하나 폰트 자체의 유료 판매는 금지 | X |
제작사
네이버
네이버는 디지털 세상에서 한글의 가치를 높이기 위해 2008년부터 '한글한글 아름답게' 캠페인을 펼치며 나눔고딕을 비롯한 다양한 무료 서체를 배포하고 있습니다.
웹폰트 사용 코드
🎨 CSS @font-face
/* ExtraBold */
@font-face {
font-family: 'NanumGothicEB';
src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/nanum/NanumGothicExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
/* Bold */
@font-face {
font-family: 'NanumGothicB';
src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/nanum/NanumGothicBold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* Regular */
@font-face {
font-family: 'NanumGothic';
src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/nanum/NanumGothic.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Light */
@font-face {
font-family: 'NanumGothicL';
src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/nanum/NanumGothicLight.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
💻 HTML 적용 예시
<p style="font-family: 'NanumGothicB', sans-serif;">나눔고딕 Bold로 쓴 문장입니다.</p>
댓글
댓글 쓰기