Nanum fontface

Nanum fontface는 나눔 글꼴을 self-host 방식으로 프로젝트에 삽입하고 싶을 때 사용할 수 있는 간편 패키지입니다.

Google Fonts에서 제공하는 Early Access 스타일 시트와 WOFF 파일을 그대로 사용하였으며, 여러 파일로 웹 폰트 파일이 분산되어 있어 필요한 폰트 파일만 다운받도록 만들어져 있습니다.

현재 Nanum fontface에서는 나눔 고딕 (nanum-gothic), 나눔 명조 (nanum-myeongjo), 나눔 고딕 코딩 (nanum-gothic-coding), 나눔 손글씨 펜체 (nanum-pen-script), 나눔 손글씨 붓체 (nanum-brush-script)를 지원합니다

나눔 글꼴은 네이버에서 배포중인 폰트이며, SIL OPEN FONT LICENSE으로 공개되어 있습니다. 자세한 내용은 아래 나눔 글꼴 공식 사이트를 참고해주세요!

• https://hangeul.naver.com/2017/nanum

만든이

• 소쿠릿 (sokcuri)
• https://twitter.com/sokcuri
• https://github.com/sokcuri/nanum-gothic-fontface

설치

Nanum Gothic fontface는 NPM을 이용해 설치가 가능합니다.

$ npm install nanum-fontface --save

사용 방법

Vue 또는 React 등 css-loader를 사용하는 프로젝트 환경에서는 import 또는 require 구문을 통해 나눔 글꼴을 바로 임베딩해서 사용할 수 있습니다

• import 'nanum-fontface/css/nanum-gothic.css' 또는 require('nanum-fontface/css/nanum-gothic.css')

지원하는 fontface

• css/nanum-gothic.css: 나눔 고딕 (nanum-gothic) fontface
• css/nanum-myeongjo.css: 나눔 명조 (nanum-myeongjo) fontface
• css/nanum-gothic-coding.css: 나눔 고딕 코딩 (nanum-gothic-coding) fontface
• css/nanum-pen-script.css: 나눔 손글씨 펜체 (nanum-pen-script) fontface
• css/nanum-brush-script.css: 나눔 손글씨 붓체 (nanum-brush-script) fontface

라이센스

나눔글꼴 폰트의 SIL OPEN FONT LICENSE 를 그대로 적용합니다.

기타

일반 HTML 페이지에서 사용하고 싶은 경우 Github 페이지에서 Clone or download 초록색 버튼 클릭 후 Download ZIP를 눌러 압축파일을 다운로드하고 루트 폴더에 압축을 푸신 후 스타일시트를 링크해 사용하시면 됩니다.

일반 HTML 페이지에서는 css와 fonts 파일을 루트 폴더에 두고 해당되는 스타일시트를 임포트한 뒤 해당되는 font-family를 지정하면 사용이 가능합니다

• 나눔 명조의 경우
  • 스타일시트 : <link rel="stylesheet" href="css/nanum-myeongjo.css">
  • CSS : font-family: 'nanum-myeongjo' 지정

나눔 글꼴의 프리뷰는 테스트 페이지 (test.html)에서도 확인 가능합니다