한글 포함한 코딩 폰트 추천 (Recommending Coding Font with Korean supported)

# 한글 포함한 코딩 폰트 추천 (Recommending Coding Font with Korean supported) ## PH

• 2024-09-15

## TOC ## fonts.google.com :: Nanum Gothic Coding

Nanum Gothic Coding

참조: 구글에서 coding 검색하니 이거 하나 뜸. 한글 지원되는 폰트만 보여주는건지, coding font 는 많을거 같은데 =ㅂ=;;; 아무튼 한글이 나눔 고딕처럼 꽤나 예쁨. 영어 2글자가 한글 1글자 너비를 가지게 만들어 줬음. 해당 font-family 가 안깔린 경우를 위해 아래와 같이 인터넷에서 폰트를 가져올 수 있도록 설정해 줘야 함. ``` <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap" rel="stylesheet"> ```/ CSS 는 다음과 같이 설정하면 됨. ``` body { font-family:'Nanum Gothic Coding'; } ```/

아무튼 한글이 나눔 고딕처럼 꽤나 예쁨.abcdef
abcdefhg1234$!()!abc@#*$kjdsiofjxcmnvsabcdef

그런데 이거 완벽하게 글자폭을 맞춰놓지는 않은듯? 테스트 해보니 약간씩 틀어지는데... 특수문자 같은거 들어가면 그런건가? =ㅇ=;; ## D2 Coding

D2 Coding

참조: 네이버에서 만들어 준 coding font. 이것도 한글 한글자가 영어 2자에 너비에 맞춰져 있음. 가로폭이 꽤나 얇상해서 내 취향에는 약간 안맞음. 이건 웹 폰트로 가져다 쓸 수는 없을듯? .ttf(? font 확장자 이게 맞나?) 만 웹으로 올려주면 되는건가? 구글 폰트보면 .ttf 파일을 올려준건 아니던데... CSS 는 다음과 같이 설정하면 됨. ``` body { font-family:'D2Coding'; } ```/

가로폭이 꽤나 얇상해서 내 취향에는 약간 안맞음abcdef
abcdefhg1234aasdkljfiabckjdsiofjxcmnvsdkaoddiwabcdef

## RRA

1. fonts.google.com :: Nanum Gothic Coding
2. https://github.com/naver/d2codingfont