[css] 나눔폰트 import 하여 적용하기

구글 웹폰트 사이트에서 제공하는 url을 import 하면 해당 서체를 css 에 적용하여 사용할 수 있습니다.

https://www.google.com/fonts/earlyaccess 에 접속하여 확인 할 수 있습니다.

 

웹디자인 시 주로 사용하게 되는 웹 폰트 나눔 폰트를 정리해보았습니다.

 

1.필요 폰트의 css 링크 import 처리

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

 

2. css 적용 시 font-family 처리

font-family: 'Nanum Brush Script', cursive;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Pen Script', cursive;

 

해당 나눔폰트는 SIL 오픈 폰트 라이센스로 개인 및 기업 모든 사용자에게 무료로 제공, 자유롭게 수정 및 재배포가 가능하기 때문에

라이센스 문제로 고민할 필요가 없는 유용한 폰트입니다.

 

네이버에서 기재한 라이센스 내용입니다.

네이버 라이센스 내용 링크 바로가기

단, 글꼴 자체를 유료로 판매하는 것은 금지하며

네이버 나눔글꼴은 본 저작권 안내와 라이선스 전문을 포함해서

다른 소프트웨어와 번들하거나 재배포 또는 판매가 가능합니다.

 

네이버 나눔글꼴 라이선스 전문을 포함하기 어려울 경우,

나눔글꼴의 출처 표기를 권장합니다.

 

예) 이 페이지에는 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.

 

GPL과 유사한 공개 라이센스 규약과 유사하며, 폰트 자체를 유료로 판매하는 것만을 금지합니다.

폰트를 사이트 및 앱 등의 프로그램에 적용한 후 해당 서비스를 유료로 판매하는 것은 허용되는 부분이며, 다른 폰트의 경우 또한 OFL 폰트를 잘 확인한다면 보다 부담 없는 디자인의 제품을 개발 할 수 있을 것입니다.