당신은 주제를 찾고 있습니까 “프로그래밍 폰트 – 영상디자이너가 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종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 프로그래밍 폰트
- 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