Physicist, Programmer. What you eat, how you think, and most importantly what you have done become who you are. Who are you? and who will you be?
[IT/Programming]
한글 포함한 코딩 폰트 추천 (Recommending Coding Font with Korean supported)
kipid2024. 9. 15. 16:17
반응형
# 한글 포함한 코딩 폰트 추천 (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';
}
```/
그런데 이거 완벽하게 글자폭을 맞춰놓지는 않은듯? 테스트 해보니 약간씩 틀어지는데... 특수문자 같은거 들어가면 그런건가? =ㅇ=;;
## D2 Coding
D2 Coding
참조:
네이버에서 만들어 준 coding font. 이것도 한글 한글자가 영어 2자에 너비에 맞춰져 있음.
가로폭이 꽤나 얇상해서 내 취향에는 약간 안맞음.
이건 웹 폰트로 가져다 쓸 수는 없을듯? .ttf(? font 확장자 이게 맞나?) 만 웹으로 올려주면 되는건가? 구글 폰트보면 .ttf 파일을 올려준건 아니던데...
CSS 는 다음과 같이 설정하면 됨.
```
body {
font-family:'D2Coding';
}
```/
가로폭이 꽤나 얇상해서 내 취향에는 약간 안맞음abcdef
abcdefhg1234aasdkljfiabckjdsiofjxcmnvsdkaoddiwabcdef