프로그래밍 폰트 | 영상디자이너가 Pick한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자] 인기 답변 업데이트

당신은 주제를 찾고 있습니까 “프로그래밍 폰트 – 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog/. 바로 아래에서 답을 찾을 수 있습니다. 작성자 편집하는여자 이(가) 작성한 기사에는 조회수 258,154회 및 좋아요 7,306개 개의 좋아요가 있습니다.

프로그래밍 폰트 주제에 대한 동영상 보기

여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!

d여기에서 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자] – 프로그래밍 폰트 주제에 대한 세부정보를 참조하세요

안녕하세요! 편집하는여자입니다.
오늘은 영상디자이너가 사용하는 상업용 무료 폰트 10종에 대해 이야기해볼까해요!
이 폰트가 왜 좋은지, 그리고 다른 폰트랑 비교하면 어떤 느낌인지를
짧게짧게 한번 이야기해보았습니다:D
많고많은 상업용 무료 폰트 중에서 어떤 폰트를 이용해서 자막을 써야 이쁠까? 하고 고민하셨던 분들은 시청하시면 좋을듯 싶어요:D
상업용무료폰트가 모아있는 사이트 \”눈누\”
https://noonnu.cc/
1.Noto Sans CJK KR
https://www.google.com/get/noto/#sans-kore
2.Black Han Sans.
https://fonts.google.com/specimen/Black+Han+Sans#standard-styles
3.S-core Dream
https://www.s-core.co.kr/who-we-are/font/
4. cafe24 폰트
https://fonts.cafe24.com/
5. 더페이스샵 잉크립퀴드체
https://noonnu.cc/font_page/68
6.tvn즐거운이야기체
http://tvn10festival.tving.com/playground/tvn10font
7.배달의민족체
https://www.woowahan.com/#/fonts
8.여기어때 잘난체, 야놀자체
https://www.goodchoice.kr/font
https://yanolja.in/ko/yafont/
9.레시피코리아체
http://recipekorea.com/bbs/board.php?bo_table=ld_0308\u0026wr_id=2479
10. 봉숭아틴트체
https://www.utoimage.com/index.htm?m=event
#편집하는여자 #영상디자이너 #상업용무료폰트추천
00:00 상업용 무료폰트 추천 10종!!
00:52 노토산스
01:33 검은고딕
02:47 에스코어드림체
03:38 Cafe24 당당해체, 단정해체
04:32 빛나는 별, 잉크립퀴드체, Tvn 즐거운이야기체
06:04 배달의 민족 주아체, 연성체
07:02 티몬소리체
07:42 여기어때 잘난체 \u0026 야놀자체
08:34 레시피코리아체
09:19 봉숭아틴트체
10:04 마무으리

프로그래밍 폰트 주제에 대한 자세한 내용은 여기를 참조하세요.

최고의 프로그래밍 폰트는? – Eric Han’s IT Blog

아래 그림은 일반 굴림체와 프로그래밍 폰트인 Consolas, D2 Coding 폰트를 비교한 표인데요. 굴림체와 달리 프로그래밍 폰트는 숫자 1 , 영어 소문자 l , …

+ 여기에 자세히 보기

Source: futurecreator.github.io

Date Published: 9/8/2022

View: 6833

최고의 무료 코딩 글꼴 21선 (개발 폰트/프로그래밍 글꼴)

최고의 무료 코딩 글꼴 21선 (개발 폰트/프로그래밍 글꼴) · 1. Source Code Pro · 2. Monaco · 3. ProFont · 4. Bitstream Vera Sans Mono · 5. Anonymous Pro.

+ 더 읽기

Source: blog.gaerae.com

Date Published: 4/24/2021

View: 4894

코딩 폰트, 글꼴 추천

되도록이면 예쁜 글꼴이나 폰트를 선호하게 됩니다. 개발자라면 당연히.. … 이상 코딩 및 프로그래밍에 좋은 폰트, 글꼴을 알아 보았습니다.

+ 더 읽기

Source: cpro95.tistory.com

Date Published: 5/26/2022

View: 2373

코딩하기 편한 폰트는 무엇일까? – 브런치

개발은 장비빨이다 – 폰트 편 | 개발자이거나, 개발자를 꿈꾸는 학생이거나, 코딩을 한 줄이라도 … Slant – 104 Best programming fonts as of 2019.

+ 더 읽기

Source: brunch.co.kr

Date Published: 7/30/2021

View: 1677

코딩용, 프로그래밍용 폰트(글꼴) 추천 / The Best Font Family …

코딩용, 프로그래밍용 폰트(글꼴) 추천 / The Best Font Family for Programming · docs.microsoft.com/ko-kr/typography/font-list/consolas.

+ 여기에 더 보기

Source: sysout.tistory.com

Date Published: 5/15/2022

View: 4589

[프로그래밍 폰트] Source Code Pro – 라이브러리 브랜드

SIL Open Font License에 따라 배포 된 Adobe의 두 번째 오픈 소스 글꼴 모음입니다. 프로그래밍용 코드로 사용하기 적합합니다. 어도비에서 개발자들을 …

+ 여기에 보기

Source: creativestudio.kr

Date Published: 5/19/2021

View: 7989

프로그래밍 폰트 :: BlaCk_Log

(/font/로 되어 있는 것은 웹폰트가 없어서 PC에 깔려 있어야 보인다.) 참고로 ~체나 Mono가 들어간 것은 고정폭 폰트. 애초에 프로그래밍 폰트로 나온 …

+ 여기에 더 보기

Source: black7375.tistory.com

Date Published: 7/23/2021

View: 5956

개발자 프로그래밍 코딩 폰트 조사

개발자 프로그래밍 코딩 폰트 조사 · 1. Source Code Pro · 2. Monaco · 3. ProFont · 4. Bitstream Vera Sans Mono · 5. Anonymous Pro · 6. Inconsolata · 7.

+ 더 읽기

Source: istoryful.tistory.com

Date Published: 2/1/2021

View: 676

프로그래밍 폰트 추천. – 디시인사이드 갤러리

프로그래밍 · 1. Hack. Bitstream Vera Sans Mono 풍에서 가장 좋은게 Hack. · 2. 한글(D2Coding, IBM Plex Mono) · 3. Cascadia Code · 4. Fira Code 또는 …

+ 여기에 더 보기

Source: gall.dcinside.com

Date Published: 5/30/2021

View: 5634

(지극히 개인적인) 프로그래밍 폰트 Top 3 :: tedcafe

IBM Plex Mono – Mediaum 14 (클릭하면 확대됩니다.) 구글 폰트에서 다운로드 할 수 있으며, Input Mono 와 유사합니다. font face가 다양하게 구비되어 …

+ 여기에 자세히 보기

Source: tedcafe.tistory.com

Date Published: 1/4/2021

View: 9360

주제와 관련된 이미지 프로그래밍 폰트

주제와 관련된 더 많은 사진을 참조하십시오 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍  예쁜 자막의 기본이죠!  [편집하는여자]
영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]

주제에 대한 기사 평가 프로그래밍 폰트

  • Author: 편집하는여자
  • Views: 조회수 258,154회
  • Likes: 좋아요 7,306개
  • Date Published: 2020. 10. 7.
  • Video Url link: https://www.youtube.com/watch?v=LEpL5-Yp1dg

최고의 무료 코딩 글꼴 21선 (개발 폰트/프로그래밍 글꼴)

“가독성”, “고정 폭”, “1”, “i”, “l”, “o”, “0”, “O”

1. Source Code Pro

2. Monaco

3. ProFont

4. Bitstream Vera Sans Mono

5. Anonymous Pro

6. Inconsolata

7. Hermit

8. Edlo

9. Meslo

10. PT Mono

11. Envy Code

12. Ubuntu Mono

13. Liberation Mono

14. Fantasque Sans Mono

15. Droid Sans Mono

16. Consolas Mono

17. Drucifer Monospace

18. BPmono

19. DejaVu

20. Fira Mono

21. D2 Coding

소프트웨어 개발자에게 글꼴은 가독성을 위해서 필수 설정 항목이다.툴의 초기 설정된 글꼴이 나쁜건 아니지만 본인에게 맞는 글꼴 선택하나로 모니터로 들어 갈듯한 당신의 자라 목 자세를 조금은 해소해 줄 것이다.”왜 글꼴이 중요하냐?”라고 생각되면 옆 개발자에게 물어봐라.(간략하게 이런 단어가 나올 것이다.

드리프트의 코-자-경(코딩, 자동차, 경제)

728×170

개발자나 혹은 취미로 개발하는 분들 포함하여 큰 모니터나 작은 노트북 화면을 사용하는 분들 모두 글꼴, 폰트에 민감할 수 밖에 없는데요.

되도록이면 예쁜 글꼴이나 폰트를 선호하게 됩니다.

개발자라면 당연히 모노스페이스 (mono space) 폰트(글꼴)를 쓰실텐데, 괜찮은 폰트 (글꼴)을 소개 할려고 합니다.

객관적인 장단점및 필자의 개인적인 사견도 있습니다. 참고하여 보시기 바랍니다^^

1. Fira Code

저번에 잠시 소개드렸던 폰트입니다.

장점 : 이퀄 연산자, 애로우 펑션이 멋있는 폰트

단점 : 폰트 간격이 넓고, 글 간격이 조금 넓다.

공식 홈페이지 : https://github.com/tonsky/FiraCode

2. DejaVu Sans Mono

장점 : 유사한 글자를 명확하게 구분 가능, I(대문자 I), 1(숫자 1), l(소문자 L), O(대문자 O), 0(숫자)

단점 : 글자 사이즈 12에서 굵은 텍스트가 서로 겹쳐 보여 가독성이 떨어짐.

공식 홈페이지 : https://dejavu-fonts.github.io/

3. Source Code Pro

장점 : 높은 가독성, 일정한 너비, 다양한 종류의 브라켓 등

단점 : 12pt 사이즈 및 일반 두께에서 대문자가 정수 숫자보다 커서 16진수 숫자가 이상하게 보일수 있음.

공식 홈페이지 : https://github.com/adobe-fonts/source-code-pro

4. Inconsolata-g

장점 : 프로 오픈소스, 숫자 1과 소문사 L 의 구분이 확실

단점 : 안 예쁘다

공식 홈페이지 : https://leonardo-m.livejournal.com/77079.html

5. Menlo

장점 : 뛰어난 가독성, 숫자 0에 슬래시가 있어 영어 O와 잘 구별 가능

단점 : 글자 크기 16에서 너무 넓어 보이며, 가독성에 문제 발생.

공식 홈페이지 : https://github.com/hbin/top-programming-fonts/blob/master/Menlo-Regular.ttf

6. Ubuntu Mono

장점 : 뛰어난 가독성, 두께, 간격을 잘 조정하면 처음부터 글자나 단어가 아주 잘 보임

단점 : 폰트 기본 크기가 작음, 13pt가 다른 폰트의 10pt 같음.

공식 홈페이지 : https://design.ubuntu.com/font/

7. Anonymous Pro

장점 : 숫자 렌더링에 있어 최고

단점 : 소문자 L과 대문자 i 가 비슷 (예: Illegal)

공식 홈페이지 : https://www.marksimonson.com/fonts/view/anonymous-pro

8. Input

장점 : 높은 가변성, Preview를 통해 온라인으로 너비, 두께, 줄 높이 및 대체 문자를 지정할 수 있음.

단점 : 오픈 소스가 아님

공식 홈페이지 : Input: Fonts for Code (fontbureau.com)

9. Hack

장점 : 높은 가독성

단점 : DejaVu와 비슷, 간혹 소문자 i와 소문자 L 구분 어려움

공식 홈페이지 : https://github.com/source-foundry/Hack

10. losevka

장점 : 읽기가 편함, 모든 화면에서 모든 크기에서 매우 명확하게 읽을 수 있음.

단점 : 폭 간격이 너무 좁다.

공식 홈페이지 : Iosevka (typeof.net)

11 . M+ 1m

장점 : 5가지 굵기 가능 (Thin, Light, Regular, Medium, Bold)

단점 : 폭이 가장 좁다.

공식 홈페이지 : M+ 1m Font Free by M+ Fonts | Font Squirrel

12. Consolas

장점 : 너무 산만하지 않는 글자 모양이 보기가 좋다.

단점 : 글자 높이 변경이 급격한 모습을 보인다.

공식 홈페이지 : MS Windows 에 기본 포함

13. Monaco

장점 : Consolas의 렌더링과 비슷하지만 약간 더 장난스러운 모습

단점 : Mac OSX에만 제공됨.

공식 홈페이지 : Mac OSX에 기본 제공

14. PT Mono

장점 : 숫자 0과 대문자 L이 구분이 쉽고, 특히 숫자가 쉽게 구별됨

단점 : 그리스 문자가 없음.

공식 홈페이지 : https://fonts.google.com/specimen/PT+Mono

15. Envy Code R

장점 : 폭이 상당히 좁지만 글자가 읽기 편안함

단점 : 러시아인에게 문제가 됨, 키릴(Cyrillic) 글자가 없음.

공식 홈페이지 : https://damieng.com/blog/2008/05/26/envy-code-r-preview-7-coding-font-released

이상 코딩 및 프로그래밍에 좋은 폰트, 글꼴을 알아 보았습니다.

각각의 장단점이 다양하지만 무엇보다 본인에게 편한 폰트 글꼴이 최고겠죠?

그리드형

코딩하기 편한 폰트는 무엇일까?

개발은 장비빨이다 – 폰트 편

개발자이거나, 개발자를 꿈꾸는 학생이거나,

코딩을 한 줄이라도 해본 사람들에게 질문을 하나 던져보겠습니다.

코딩하는데 폰트가 얼마나 중요하다고 생각하시나요?

여러분들은 코딩을 처음 접했을 땐 어떤 IDE였나요?

notepad? wordpad? eclipse? dreamweaver?

저는 코딩을 notepad에서 처음 접했었습니다.

코딩 아닌 코딩을 접했을 땐 IDE의 존재도 몰랐기에 그저 메모장에다 끄적이는 수준이었지요.

메모장의 기본 폰트는 Fixedsys입니다.

조사해 본 결과 이클립스는 Courier New, 드림위버는 Times New Roman라고 하더라고요.

이번 이야기의 주제는 질문에서도 언급했던 폰트에 대해 이야기해볼까 합니다.

폰트에도 개발하기 편한 폰트가 있습니다.

첫째. 문자를 구별하기 쉬어야 합니다.

코딩을 하다 보면 숫자와 영어 특수문자를 모두 쓰게 되는데 특히 헷갈리는 문자들이 있기 마련입니다.

예를 들면 숫자 1과 영어 대문자 I와 소문자 l 같은 경우인데요. 이런 문자들이 잘 구분되지 않는 경우엔 가독성이 떨어지는 것은 물론이고, 코딩 중에 문자를 실수로 잘못 입력했을 경우에도 찾기 어려워집니다.

그러므로 좋은 코딩 폰트는 읽기 쉽고 알아보기 쉽고 찾아보기 쉬워야 합니다.

둘째. 고정폭 폰트여야 합니다.

고정폭 폰트란 이름 그대로 각 글자가 동일한 양의 수평 공간을 차지하는 글꼴을 말합니다.

물론 책이나 게시물을 읽을 경우에는 가변폭 폰트가 좀 더 조화로울 수 있겠으나 코딩용 폰트는 조화보다는 가독성과 정확성이 중요하기 때문에 고정폭 폰트를 쓰는 것이 좋겠습니다.

참고로 폰트 이름에 ‘체’가 들어가는 경우 고정폭 폰트 이니 참고하세요.

위에서 언급했던 기본 폰트들을 한번 비교해볼까요?

Courier New

Fixedsys

Times New Roman

세 가지 폰트를 비교해서 보자면 Courier New와 Fixedsys는 Times New Roman에 비해 문자의 폭이 일정한 고정폭 폰트라는 것을 알 수 있습니다.

또한 헷갈리기 쉬운 o, O, 0 혹은 i, I, l, L 등도 헷갈리지 않게 모양이 모두 다른 모양입니다.

앞서 말씀드렸던 코딩용 폰트의 조건에 알맞다고 볼 수 있지요.

개발자로서 하루의 1/4 이상을 IDE 속에서 시간을 보냅니다.

폰트는 개인 취향이긴 하지만 제 경험에서 말씀을 드리면 개발용 폰트를 쓰는 것이 가독성도 좋을 뿐만 아니라 눈의 피로도 줄어드는 느낌이었습니다.

키보드나 마우스의 종류에 따라 팔과 손이 받는 피로도를 줄여준다면, 가독성 좋은 코딩용 폰트 사용으로 눈의 피로를 줄여주는 것도 좋다고 생각합니다.

코딩용 폰트 사용으로 눈의 필요를 줄여 개발 효율을 높이는 것이 폰트의 중요성이 아닐까요?

다음은 코딩용 폰트를 몇 가지 소개하고자 합니다.

들어가기에 앞서 위 코드를 보면 위 폰트는 코딩용 폰트가 아닙니다. 대충 보아도 글씨가 너무 얇고 대문자 I와 소문자 l 같은 헷갈리는 문자들의 구분도 명확하지 않습니다.

폭도 가변적이라 가독성이 떨어지는 것을 확인할 수 있습니다.

아래 소개할 코딩용 폰트들은 확실히 다른 느낌을 받을 것입니다.

1. 나눔 고딕 코딩

나눔 고딕 코딩체는 2008년 발표된 나눔 고딕을 바탕으로 개발자들의 코딩 환경에 최적화시킨 글꼴입니다.

한국 기업인 네이버에서 만든 폰트여서 한글에 최적화되어있지만 글씨가 얇고 줄 간격이 좁아 가독성이 떨어지는 편 입니다.

2. D2 Coding

D2 Coding체는 나눔 고딕 코딩체를 개선한 디자인입니다.

나눔 고딕 코딩체에 비해 상대적으로 굵기가 굵어지고 줄 간격이 넓어져서 가독성이 향상 되었습니다.

3. Consolas

윈도 환경에서 기본으로 깔려있는 이 Consals 폰트는 위의 두 폰트들에 비해 확실히 두꺼우며 고정폭이 넓은 편입니다 .

하지만 한글에 최적화되어있지 않아, 한글 입력 시 깨지거나 가독성이 떨어질 수 있습니다 .

이처럼 각자의 취향만큼 다양한 게 폰트 종류입니다.

개발용으로 나온 폰트도 다양하니 각자의 취향에 맞는 개발용 폰트로 IDE속 폰트를 바꿔보는 건 어떨까요?

아래에 위에서 소개해드리지 못한 다양한 폰트가 있으니 참고해 보시는 것도 좋을 것 같습니다.

https://www.slant.co/topics/67

https://github.com/naver/d2codingfont

https://zetawiki.com/wiki/%EC%BD%94%EB%94%A9%EC%9A%A9_%ED%8F%B0%ED%8A%B8

오픈 슬랙 채널에서 소통해요!

잡담 / 개발 문화 / 일하는 방식 / 정보 공유 / 채용 문의 / 프로젝트 문의 등 어떠한 소통도 환영합니다 🙂

오픈 슬랙 채널에 참여하기⬇️

https://join.slack.com/t/secondspace-open/shared_invite/zt-19q85dgid-6TCjbezQs4TTafBwT4BxAQ

written by. 세컨드스페이스

https://secondspace.kr

코딩용, 프로그래밍용 폰트(글꼴) 추천 / The Best Font Family for Programming

나는 왠지 모르겠지만 어렸을 때 부터 화면 글꼴에 관심이 많았다. TMI – 폴더폰을 쓰던 시절, 유료 글꼴을 2주간 무료로 쓸 수 있게 해 주는 이벤트가 있었는데 그 때마다 부지런히 바꾸곤 했다. 지금도 카카오톡 글씨체를 종종 바꾼다.

아무튼 코딩용 폰트도 많이 알아본 편이었고 그 중 내가 맘에 든 폰트를 몇 개 추천하고 싶어서 정리해봤다.

1. Consolas

가장 많이 쓰고, 기본적으로 쓰이는 폰트이다. 많은 에디터/블로그에서 이 폰트를 기본 폰트로 채택한다. 구관이 명관이라고 (?) 다른 폰트를 쓰다가 자꾸만 돌아가게 된다.

Sometimes the basic is the best.

docs.microsoft.com/ko-kr/typography/font-list/consolas

2. Hack

내가 한 때 좋아했던 폰트. Windows로 Mac 감성을 낼 수 있다. 🍎

It makes me feel using Apple device!

sourcefoundry.org/hack/

3. IBM Plex Mono

💘💘요즘 내 최애 폰트!

우연히 한 프로그래밍 포럼?에서 접했는데, 너무 예뻐서 바로 쓰고 있다. 글씨도 적당히 얇고 예쁘다.

My favorit font style!

www.ibm.com/plex/

4. D2 Coding

네이버에서 만든 폰트이다. 개인적으로 한글+영문 같이 있는 코딩용 폰트 중에는 원탑이라고 생각한다. (한글+영문을 섞어서 프로그램을 짰을 때 제일 잘 어우러진다.)

Korean-oriented font style

github.com/naver/d2codingfont

[프로그래밍 폰트] Source Code Pro

Source Code Pro는 Paul D. Hunt가 Adobe Systems 용으로 만든 고정 폭 산 세리프체입니다. SIL Open Font License에 따라 배포 된 Adobe의 두 번째 오픈 소스 글꼴 모음입니다. 프로그래밍용 코드로 사용하기 적합합니다. 어도비에서 개발자들을 위해 개발하고 배포한 글꼴입니다. 코딩용 글꼴 답게 모노 스페이스(MonoSpace; 고정폭글꼴) 형식을 기본으로 하고 있습니다.

특히, 혼동하기 쉬운 대문자와 소문자, 숫자 등을 쉽게 판별할 수 있습니다. 오픈 소스로 깃헙에서 다운로드 받을 수 있습니다. 여러 프로그래밍 폰트가 있지만, 그 중에서도 가장 많이 사용하고 좋아하는 폰트입니다. 프로그래밍 폰트에 따라 생산성에 많은 차이가 있습니다.

프로그래밍 폰트 중에서는 이클립스 기본 폰트인 Consolas와 한글도 잘 표현해주는 D2 Coding을 사용하는 사람들이 많이 있습니다.

Source Code Pro 미리보기

또한, Google Fonts에서도 다운로드가 가능하며, 본래 배포했던 곳인 Github에서도 다운로드가 가능합니다.

Source_Code_Pro.zip 1.09MB

프로그래밍 폰트

프로그래밍 폰트가 필요한 이유.

폰트의 용어[from 폰트 관련 용어]

프로그래밍 용도의 폰트가 필요한 이유는

비슷하게 생긴 글자 구분 고정폭 기타 가독성 향상.

나눔고딕, 굴림체과 비교해보자.(/font/로 되어 있는 것은 웹폰트가 없어서 PC에 깔려 있어야 보인다.)

참고로 ~체나 Mono가 들어간 것은 고정폭 폰트.

애초에 프로그래밍 폰트로 나온 것은 ‘체’나 ‘Mono’가 붙어있지 않지만, 굴림-굴림체 처럼 일종의 시리즈로 묶인 폰트는 ‘체’나 ‘Mono’가 붙는다.

리가추어(ligature) 폰트는 여러 글자를 하나로 묶어 표현 해준다. ( 여기서 확인 )

난 햇갈려서 잘 안쓰긴 하지만.

아래 사이트를 보면 폰트 비교와 설치가 가능하다.

나눔고딕.

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

폰트 자체는 좋으나 a~z와 A~Z의 크기가 달라 혼동이 올 수 있다.

소문자 L과 대문자 i의 구분이 잘 안된다.

/굴림체./

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

못생겼다.

역시 소문자 L과 대문자 i의 구분이 잘 안됨.

추천하는 폰트.

1. Hack

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

Bitstream Vera Sans Mono를 기반으로 만들어진 글꼴이다.

파워 라인 글꼴도 지원도 하고, 아름다움과 가독성 모두 잡았다. 단점이라면 한글 지원을 안 하는 것.

2. D2 Coding

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

한글을 지원하는 몇 안되는 폰트다.

나눔바른고딕을 기반으로 한다. | 표시가 2개로 나누어져 있는 것도 좋다.

이 블로그는 영문은 hack, 한글은 d2 coding을 사용중이다.

문제는 두개의 크기가 안맞다는 건데 1.17배를 시켜서 해결했다.

기타 유명한 폰트(16개).

설명 안 써놓은 것은 귀찮은 걸로..

1. /Bitstream Vera Sans Mono/ 또는 DejaVu Sans Mono

예전부터 꾸준히 인기가 있던 폰트들이다.

둘을 ‘또는’ 으로 분류한 이유는 거의 비슷하게 생겼기 때문이다.

/Bitstream Vera Sans Mono/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

DejaVu Sans Mono

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

DejaVu Sans Mono는 Bitstream Vera Sans Mono를 개선한 폰트이다.

차이점이라면 과하게 오른쪽으로 치우쳐져 있던 ‘m’자를 올바르게 정렬 시켰고, _ _로 되어 있던 것을 __로 합쳤다는 것이다.

m자가 오른쪽으로 치우져져 있다는 것은 빨간색으로 표시한 부분에서 n,someString 에서 e와 붙어있다는 것에서 드러난다.

_ _표시를 선호한다면 Bitstream Vera Sans Mono, __를 선호하고 m의 올바른 정렬을 원한다면 DejaVu Sans Mono를 사용하자.

이 아래는 알파벳 순.

2. Anonymous Pro

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

1990 년대 중반에 개발한 Macintosh 비트맵 글꼴 인 Anonymous 9의 트루 타입 버전을 기반으로 만들어졌다.

3. /Consolas/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

마소가 만든 것.

윈도우 코딩용 기본 폰트

4. /Courier New/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

윈도우 고정폭 중 하나.

5. /Dina/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

6. Droid Sans Mono

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

작은 화면에서도 잘 보여준다고.

7. /Fixedsys/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

또 윈도우 글꼴. CMD의 전통적인 폰트다.

Fixedsys Excelsior라고 비슷한 느낌의 폰트가 존재한다.

Fixedsys Excelsior

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

css 적용을 했는데 안된다. 왜 그러지?

이유 찾는 중.

8. /Lucida Console/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

9. M+

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

css 적용을 했는데 안된다. 왜 그러지?

이유 찾는 중 2.

10. /Menlo/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

애플 코딩용 기본 폰트

11. /Monofur/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

Tex용 글꼴인 Malvem을 기반으로 만든 것으로 특이하다.

12. /ProggyClean/

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

프로그래머가 만든 폰트라고 한다.

13. IBM Plex Mono

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

이름에서 알 수 있듯 IBM이 만들었다.

14. Source Code Pro

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

그래픽 계의 갑인 어도비가 만든 폰트.

15. Roboto Mono

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

16. Ubuntu Mono

//Abcdefghijklmnopqrstuvwxyz //ABCDEFGHIJKLMNOPQRSTUVWXYZ //1234567890([{<>}]) //`~!@#$%^&*-_=+:;”’\| //1LlIij|¦!❙❚⏸丨亅 «‹❮<>❯»› //-―ㅡㅡ Ø0Oo8B ;; //„‚’`“‟‘‛ ”’”❛ ❜❟ ❝ ❞⹂〝〞〟"丶 var sum = 0; for (var i=0; i fooBar

); } });

이름에서도 알 수 있듯 우분투에 들어갈 목적으로 만든 폰트

이외에 Fira Code, Input Mono, Monoid, Terminus, Operator, PragmataPro도 아끼는 폰트다.

폰트 관련 용어는 A beautifully illustrated glossary of typographic terms you should know에서 아주 깔끔하게 나와있다.

기타 타이포그래피에 관심이 있는 분들을 위해 몇가지 링크를 준비해두었다.

일반.

라틴알파벳의 이탤릭체와 한글의 흘림체 비교연구

흘림체에 관한 연구인데, 폰트 지식의 기초를 잘 정리해놓아서 추천한다.

흘림체에 관한 연구인데, 폰트 지식의 기초를 잘 정리해놓아서 추천한다. 굴림체의 조형적 특징과 선호도 분석

악명이 자자한 굴림체를 왜 쓰면 안되는지에 대한 논문까지 나왔다. ㅋㅋㅋ

친환경.

각각 잉크의 번짐, 조형을 이용해 친환경적으로 만드는 방법에 대한 연구.

가독성.

웹.

웹 프로그래머가 읽으면 좋다.

다국어

프로그래밍 폰트 추천.

0. 알아두면 좋을 것.

– 파워라인과 아이콘 패치 완료된 폰트 목록

https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts

여기서 다운 받아 쓰면 됩니다.

– 프로그래밍 폰트의 요건

고정폭: 인덴트 맞춰야지

글자 구분: 1l|i 같은 글자 헷갈려서 버그나면 안되겠지.

가독성: 오래 볼때 좋아야지.

1. Hack

Bitstream Vera Sans Mono 풍에서 가장 좋은게 Hack.

Bitstream Vera Sans Mono, DejaVu Sans Mono 쓰고 있는 사람이라면 Hack 써볼만 합니다.

https://sourcefoundry.org/hack/

저도 Hack 쓰는 중.

2. 한글(D2Coding, IBM Plex Mono)

D2Coding

‘한글이 꼭 필요하다!!’ 하시는 분들은

https://github.com/naver/d2codingfont

미만 잡.

제발 NanumGothic Coding은 그만.. (굴림체 느낌나요…)

본인 블로그와 에디터에서는 Hack의 Fallback 폰트로 D2Coding 사용중.

D2Coding를 1.17~1.26 정도 리스케일링 하면 대략 크기가 맞습니다.

다른것 찾는다면

IBM Plex Mono: 아범이 만든 건데 모-던, 깔끔. 한글도 지원하고.

https://github.com/IBM/plex

탑급 완성도라 생각합니다.

3. Cascadia Code

Consolas, Courier New 사용자라면 아래 폰트로 ㄱㄱ

https://github.com/microsoft/cascadia-code

4. Fira Code 또는 Monoid

리가츄어, 깔끔한 폰트로는 Firacode, Monoid가 좋습니다.

Hack 쓰지만 Fira Code는 가끔 바꿔볼까 생각이 들 정도로 완성도가 높습니다.

https://github.com/tonsky/FiraCode

https://larsenwork.com/monoid/

5. 기타 써볼만한 것.

Meslo LG: 애플 Menlo 기반인데 깔끔. Bitstream계열.

https://github.com/andreberg/Meslo-Font

Fixedsys Excelsior: 도스 느낌

https://github.com/kika/fixedsys

Proggy Clean: 역시 도스 느낌인데 프로그래머가 만든거라고.

https://proggyfonts.net/proggy-clean/

Monofur: TeX 서체의 영향을 받았다는데 동글동글하니 상당히 특이합니다.

https://fontmeme.com/fonts/monofur-font/

6. 유료폰트.

Progmata Pro: Monoid랑 비슷한데 상용이라 확실히 완성도가 높고, 해상도 등의 문제에도 대응되어 있슴다.

PragmataPro

Operator: Progmata Pro에 비하면 현대적인 느낌의 서체(굳이 따지면 Futura 정도??)

https://www.typography.com/fonts/operator/styles

(지극히 개인적인) 프로그래밍 폰트 Top 3

728×90

폰트에 대해 예민한 탓에 장비를 바꾸거나 새로 설치를 하면 폰트 설정을 제일 먼저 찾습니다.

개발툴의 폰트는 제일 많이 보기 때문에 아주 까다롭게 고르고 주기적으로 바꾸기도 하며, 또 새로 나온 더 좋은 게 없는지 계속 찾기도 합니다.

요즘 잘 쓰는 폰트 3종을 소개해봅니다.

1. Input Mono

Input Mono – Regular 14 (클릭하면 확대됩니다.)

Input Mono는 정갈하고 가독성 좋고 균형잡혀있어 원픽으로 애용하고 있습니다. 완전 추천합니다.

Regular 도 좋고 Medium(중간체)도 좋습니다.

다운로드: input.fontbureau.com/

2. IBM Plex Mono

IBM Plex Mono – Mediaum 14 (클릭하면 확대됩니다.)

구글 폰트에서 다운로드 할 수 있으며, Input Mono 와 유사합니다.

font face가 다양하게 구비되어 있고 Regular보다 약간 굵은 Medium이 다 안정감이 있습니다.

다운로드: fonts.google.com/specimen/IBM+Plex+Mono?category=Monospace&preview.size=14

3. Ubuntu Mono

Ubuntu Mono – Regular 16 (클릭하면 확대됩니다.)

한 때 최애였으나 Input Mono에 밀려 가끔 기분 전환용으로 사용합니다.

크기가 상대적으로 작아서 2 포인트 정도 크게 해야 다른 것과 유사하고

기본 글자폭인지 여백인지가 작아 같은 화면에 더 많은 글자가 보이는 특징이 있습니다.

다운로드: fonts.google.com/specimen/Ubuntu+Mono?category=Monospace&preview.size=14

이상 세가지 괜찮은 프로그래밍 폰트입니다.

* 스샷은 Xcode입니다.

반응형

키워드에 대한 정보 프로그래밍 폰트

다음은 Bing에서 프로그래밍 폰트 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.

이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!

사람들이 주제에 대해 자주 검색하는 키워드 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]

영상디자이너가 #PICK한 #상업용 #무료 #폰트 #10종 #추천👍 # #예쁜 #자막의 #기본이죠! # #[편집하는여자]


YouTube에서 프로그래밍 폰트 주제의 다른 동영상 보기

주제에 대한 기사를 시청해 주셔서 감사합니다 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자] | 프로그래밍 폰트, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.

Leave a Comment