반응형
관리자 홈 > 스킨편집 > CSS 에서 다음 예와 같이 수정해 주면 됩니다.

 

D2Coding 글꼴(웹폰트) 적용 예 

/* D2Cooding 글꼴 CDN으로 import */
@import url('http://cdn.jsdelivr.net/gh/joungkyun/font-d2coding/d2coding.css');

/* 사용자 정의 font-family: 영문 대소문자, 숫자 */
@font-face {
  font-family: foo;
  font-style: normal;
  font-weight: 400;
  src: url('D2Coding.eot');
  src: local('※'), local('D2Coding'),
       url('D2Coding.eot?#iefix') format('embedded-opentype'),
       url('D2Coding.woff2') format('x-woff2'),
       url('D2Coding.woff') format('woff'),
       url('D2Coding.ttf') format('truetype'),
       url('D2Coding.svg') format('svg');
	 unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* 모든 html에 foo를 우선 적용 */
html, body, h1, h2, h3, h4, h5, h6, p, input, button, textarea, .btn {
	font-family: foo; font-weight: 300; font-size: 16px; line-height: 200%;
}

/* 코드 블록에 적용 */
code {
	font-family: D2Coding, monospace !important;
}

 

 

한글 전체 U+AC00-D7A3
라틴어 / 영어(알파벳)  대문자 U+0041-005A
소문자 U+0061-007A
숫자 0 ~ 9 U+0030-0039
일본어 히라가나 U+3041-3096, U+309D, U+309E
가타카나 U+30A1-30FA, U+30FC
한중일
통합 한자
공통 U+4E00-9FEA
확장 A U+3400-4DB5
호환용 U+F900-FA6D

많이 사용하는 유니코드 영역

 

 

[ 참고 ]   유니코드의 영역

 

유니코드 영역 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 유니코드에는 연속된 코드 포인트의 집합인 영역(block, 블록)들이 있다. 각 영역의 이름은 유일하며, 그 범위는 다른 영역과 겹치지 않는다. 영역의 크기는 16의

ko.wikipedia.org

 

 

D2Coding 글꼴(웹폰트) 적용 예

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형

Windows Terminal의 폰트를 D2Coding으로 바꾸는 방법이다.

설정 메뉴를 클릭한다.

settings.json 파일이 열리면 다음과 같이 내용을 추가한다. 빨간 색으로 되어 있는 부분이 추가된 부분이다.

 

        "defaults":
        {
            // Put settings here that you want to apply to all profiles.
            "fontFace": "D2Coding",
            "fontSize": 14
        },

 

수정이 끝나면 저장하고 나오면 된다. 터미널을 재기동하면 적용되다.

 

파일의 위치는 다음과 같다. 직접 열어서 편집할 경우 참고하기 바란다.

C:\Users\[윈도우id]\AppData\Local\Packages\Microsoft.WindowsTerminal_8wekyb3d8bbwe\LocalState

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형

무료 글꼴 총정리

[코딩글꼴]

No.

Font Name

Company

License

 Remarks

 1

 D2 Coding

 네이버

OpenFontLicense

 

 

 

 

 

 

 

 

 

 

 

 

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,