Nerds Pledge Magnanimously

    nanum-fontface

    1.0.1 • Public • Published

    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으로 공개되어 있습니다. 자세한 내용은 아래 나눔 글꼴 공식 사이트를 참고해주세요!

    만든이

    설치

    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)에서도 확인 가능합니다

    Install

    npm i nanum-fontface

    DownloadsWeekly Downloads

    2

    Version

    1.0.1

    License

    SIL OPEN FONT LICENSE

    Unpacked Size

    22.4 MB

    Total Files

    1071

    Last publish

    Collaborators

    • sokcuri