<div id="readability-page-1" class="page"><div><h2 id="추천-폰트">추천 폰트</h2>
<h3 id="d2-coding">D2 Coding</h3>
<p><img src="https://velog.velcdn.com/images/yeseolee/post/4a2d2eb0-7900-49bb-9673-3f673308048f/image.png"></p>
<p>특징</p>
<ul>
<li>고정폭 서체<br>
모든 글자 폭이 동일하여 코드를 가지런하게 볼 수 있다.</li>
<li>한글 가독성<br>
한글 폰트이기 때문에 한글 가독성이 뛰어나다.</li>
</ul>
<p>다운로드</p>
<ul>
<li><a href="https://github.com/naver/d2codingfont">https://github.com/naver/d2codingfont</a></li>
</ul>
<h3 id="fira">Fira</h3>
<p><img src="https://velog.velcdn.com/images/yeseolee/post/f7fbf429-a50d-4a9d-8fa7-9de8d2f444b4/image.png"><br>
특징</p>
<ul>
<li>엄청난 특수 기호 표현</li>
</ul>
<p>'크거나 같다' 같은 수학기호를 <code>&gt;=</code>와 같이 두 기호를 합쳐 작성하지만, 화면 상에서 하나의 기호로 표현해주어 가독성과 직관성이 매우 좋아진다.<br>
<img src="https://velog.velcdn.com/images/yeseolee/post/d96bc655-e005-45ec-9ba4-01357b954b7a/image.png"></p>
<p>아래 코드 예시처럼, 화살표 기호 뿐만 아니라 여러 부등호 또한 직관적인 기호로 변환하여 화면에서 볼 수 있다.</p>
<p>다운로드</p>
<ul>
<li><a href="https://github.com/tonsky/FiraCode">https://github.com/tonsky/FiraCode</a></li>
</ul>
<h3 id="vscode-폰트-적용">VSCode 폰트 적용</h3>
<ul>
<li><code>Setting.json</code><pre><code>// 하나만 적용
{
	"editor.fontFamily": "'D2Coding'",
	"editor.fontLigatures": true,
}
// 여러 개 적용 (순서대로 적용되며 없는 거는 뒤에서 적용)
{
    "editor.fontFamily": "'Fira Code', Monaco, 'Courier New', monospace",
    "editor.fontLigatures": true
}</code></pre></li>
</ul></div></div>

yeseolee.log

추천 폰트
D2 Coding
특징
고정폭 서체
모든 글자 폭이 동일하여 코드를 가지런하게 볼 수 있다.
한글 가독성
한글 폰트이기 때문에 한글 가독성이 뛰어나다.
다운로드
https://github.com/naver/d2codingfont
Fira
특징
엄청난 특수 기호 표현
'크거나 같다' 같은 수학기호를 >=와 같이 두 기호를 합쳐 작성하지만, 화면 상에서 하나의 기호로 표현해주어 가독성과 직관성이 매우 좋아진다.
아래 코드 예시처럼, 화살표 기호 뿐만 아니라 여러 부등호 또한 직관적인 기호로 변환하여 화면에서 볼 수 있다.
다운로드
https://github.com/tonsky/FiraCode
VSCode 폰트 적용
Setting.json
// 하나만 적용
{
    "editor.fontFamily": "'D2Coding'",
    "editor.fontLigatures": true,
}
// 여러 개 적용 (순서대로 적용되며 없는 거는 뒤에서 적용)
{
    "editor.fontFamily": "'Fira Code', Monaco, 'Courier New', monospace",
    "editor.fontLigatures": true
}

코딩 폰트 추천 및 VSCode 폰트 적용방법

댓글