Giter Site home page Giter Site logo

rheehot / kfonts Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ignocide/kfonts

0.0 1.0 0.0 428.05 MB

@kfonts, The korean typefaces

Home Page: https://item4.net/kfonts/

License: MIT License

Makefile 0.11% Python 7.72% Java 5.22% Shell 1.87% CSS 80.66% HTML 1.37% JavaScript 3.05%

kfonts's Introduction

@kfonts

한글 폰트를 Self-host 할 수 있다!

사용법

  1. NPM에서 원하는 폰트를 설치해주세요.
    $ npm install --save @kfonts/nanum-gothic
    
  2. 자신의 JavaScript 내지는 TypeScript 프로젝트에 import 해주세요.
    import '@kfonts/nanum-gothic';
  3. 불러온 폰트를 필요한 곳에 적용하면 끝!
    body {
      font-family: '나눔고딕';
    }

폰트를 추가하고 싶으시다면

폰트를 추가하고 싶으시다면 다음 요건이 충족되는지 확인해주세요.

  1. 폰트의 포멧 변환이 허용되는지 (ttf 파일을 woff 등의 다른 포멧으로 변경해도 되는지)
  2. 폰트 파일의 이름(폰트의 이름이 아님)을 수정해도 되는지 (오작동 방지를 위해 띄어쓰기나 특수문자 제거)
  3. 폰트를 누구나 아무런 제약사항없이 사용해도 되는지
  4. 모든 사람이 폰트를 GitHub과 npm 저장소에서 아무런 제약없이 받아다 써도 되는지
  5. 자신이 해당 폰트의 저작권자 내지는 저작권자의 허가를 받았는지

모든 요건이 충족된다면 본 저장소의 이슈트래커에 제보해주세요.

본 프로젝트에서 폰트를 제외해주길 원하신다면

해당 폰트의 저작권자분께서 본 프로젝트에서 폰트 배포의 정지를 원하신다면 이슈트래커에 제보해주시면 최대한 빨리 해당 폰트의 배포를 중지해드립니다. 이를 위해 자신이 저작권자가 맞음을 확인할 수 있도록 가급적 본인/기업의 메일로 가입된 공식 GitHub ID를 사용해주세요.

로컬에서 폰트 빌드하기

이미 배포된 버전이 아닌, 직접 빌드한 버전을 쓰고 싶다면 다음 의존성을 확인해주세요.

  • git
  • java, javac
  • mvn (Maven)
  • python3
  • fontforge

해당 요건이 충족된 상태에서 ./setup 명령어를 실행하면 웹폰트를 설치하기 위해 필요한 프로그램이 빌드됩니다. 빌드가 완료되면 python gen.py 를 통해 폰트를 빌드하실 수 있습니다. 혹시라도 너무 많은 파일이 생겨 곤란하다면 python clean.py 를 실행해주세요.

kfonts's People

Contributors

bdusell avatar item4 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.