D2 Coding

D2Coding 폰트를 용도에 맞게 빌드해놓았습니다.

설치

컴퓨터에 다운로드 받을 목적이면 공식 저장소(naver/d2codingfont)를 이용해주세요.

npm i d2coding

사용

총 4개의 css 파일로 구성되어있습니다. d2coding-full.css 파일이 기본으로 설정되어있습니다.

• d2coding-full.css: D2Coding 한글 전체
• d2coding-subset.css: D2Coding 한글 서브셋
• d2coding-ligature-full.css: D2Coding Ligature 한글 전체
• d2coding-ligature-subset.css: D2Coding Ligature 한글 서브셋

원하는 설정을 고른뒤, CSS에 넣거나,

@import url("//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-full.css");
@import url("//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-subset.css");
@import url("//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-ligature-full.css");
@import url("//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-ligature-subset.css");

HTML 최상단에 넣어주시면 됩니다.

<link href="//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-full.css" rel="stylesheet" />
<link href="//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-subset.css" rel="stylesheet" />
<link href="//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-ligature-full.css" rel="stylesheet" />
<link href="//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-ligature-subset.css" rel="stylesheet" />

CSS를 통해 폰트를 설정해주시면 됩니다.

body {
  font-family: 'D2Coding', monospace;
}

빌드

소스를 빌드하려면 다음 라이브러리가 필요합니다. 전부 pip를 통해 설치가능합니다.

• fonttools
• brotli
• zopfli

빌드 스크립트는 Makefile을 참고하세요.

make build

참고

• Github - naver/d2codingfont
• 웹폰트의 사용과 최적화, 이상진
• 웹폰트 경량화 - 폰트툴즈의 pyftsubset을 사용한 폰트 서브셋 만들기

라이센스

'누구나 사용'할 수 있고 또 OFL 라이센스 하에서 '누구나 재배포' 하실 수 있습니다.

D2 Coding 글꼴은 OFL(Open Font License)이라는 국제적으로 인정받는 공개 글꼴을 위한 라이센스를 채택하여 사용에 대한 제약을 없앰과 동시에 재배포에 대한 제약도 획기적으로 완화하여, 이 라이센스를 명시하기만 하면 다른 프로그램(상용 프로그램 포함)에 이 개발자용 D2 Coding 글꼴을 포함하여 재배포하는 것도 허용합니다.

자세한 사항은 아래 OpenFontLicense를 참고하세요~