<div id="readability-page-1" class="page"><div>
    
    <article>
        <ul id="markdown-toc">
  <li><a href="#meslo-lg" id="markdown-toc-meslo-lg">Meslo LG</a>    <ul>
      <li><a href="#line-gap" id="markdown-toc-line-gap">Line Gap</a></li>
      <li><a href="#meslo-lg-폰트를-설치하기" id="markdown-toc-meslo-lg-폰트를-설치하기">Meslo LG 폰트를 설치하기</a></li>
      <li><a href="#선택하는-방법-예제-1" id="markdown-toc-선택하는-방법-예제-1">선택하는 방법 예제 1</a></li>
      <li><a href="#선택하는-방법-예제-2" id="markdown-toc-선택하는-방법-예제-2">선택하는 방법 예제 2</a></li>
      <li><a href="#나의-설정" id="markdown-toc-나의-설정">나의 설정</a></li>
    </ul>
  </li>
  <li><a href="#sarasa-gothic-mono" id="markdown-toc-sarasa-gothic-mono">Sarasa Gothic Mono</a>    <ul>
      <li><a href="#특징" id="markdown-toc-특징">특징</a></li>
      <li><a href="#설치" id="markdown-toc-설치">설치</a></li>
      <li><a href="#선택하는-방법" id="markdown-toc-선택하는-방법">선택하는 방법</a></li>
    </ul>
  </li>
</ul>

<h2 id="meslo-lg">Meslo LG</h2>

<p>내가 가장 선호하는 코딩 폰트는 <strong>Meslo LG</strong>.</p>

<p>2016년부터 지금까지 이 폰트만 계속 사용해왔다.</p>

<ul>
  <li>Apple의 Menlo Regular 를 커스터마이즈한 코딩 폰트.</li>
  <li>Line Gap 이라는 독특한 컨셉이 있다.
    <ul>
      <li>"LG"가 "Line Gap"을 의미한다. 이 폰트의 최고 매력이다.</li>
    </ul>
  </li>
</ul>

<p>터미널 Vim에서 보기 좋고 눈이 편한 폰트라고 생각한다.</p>

<p>다음은 <strong>Meslo LG M DZ Regular Nerd Font Complete Mono 14 pt.</strong> 로 설정한 터미널 Vim 에서 간단한 코드를 열고 스크린샷을 찍은 것이다.</p>

<p><img src="https://johngrib.github.io/resource/BE/126176-417D-4228-AA6D-2AE727DC42B7/meslo-vim-example.png" alt="vim에서 코드를 편집하는 모습"></p>

<h3 id="line-gap">Line Gap</h3>

<p>내가 이 폰트를 좋아하는 이유가 바로 이 Line Gap 컨셉 때문이다.</p>

<p>Meslo LG 는 다음과 같이 다양한 폰트의 패키지가 제공된다.</p>

<ul>
  <li>Meslo LG S: 행간이 좁음</li>
  <li>Meslo LG M: 행간이 중간 정도</li>
  <li>Meslo LG L: 행간이 넓음</li>
</ul>

<p>다음 세 이미지는 내 터미널의 설정을 변경해가며 찍은 스크린샷이다.</p>

<table>
  <thead>
    <tr>
      <th>Meslo LG S</th>
      <th>Meslo LG M</th>
      <th>Meslo LG L</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><img src="https://johngrib.github.io/resource/BE/126176-417D-4228-AA6D-2AE727DC42B7/lgs.png" alt=""></td>
      <td><img src="https://johngrib.github.io/resource/BE/126176-417D-4228-AA6D-2AE727DC42B7/lgm.png" alt=""></td>
      <td><img src="https://johngrib.github.io/resource/BE/126176-417D-4228-AA6D-2AE727DC42B7/lgl.png" alt=""></td>
    </tr>
  </tbody>
</table>

<p>이 폰트를 쓰기 전의 나는 터미널이나 이런저런 에디터의 기본 행간이 너무 좁아서 눈이 아프다고 느껴왔었다.</p>

<p>그래서 매번 새롭게 설치를 할 때마다 폰트 설정에 들어가서 행간을 1보다 넓게 설정해주는 귀찮은 일을 해야 했다.</p>

<p>그러나 Meslo LG 를 사용하면 굳이 그럴 필요가 없다. 그냥 LG M 을 사용할지, LG L 을 사용할지만 선택하면 됐기 때문이다.</p>

<h3 id="meslo-lg-폰트를-설치하기">Meslo LG 폰트를 설치하기</h3>

<p>Meslo LG 폰트는 다음 경로에서 얻을 수 있다.</p>

<ul>
  <li><a href="https://github.com/andreberg/Meslo-Font">github.com/andreberg/Meslo-Font</a></li>
  <li><a href="https://github.com/ryanoasis/nerd-fonts">ryanoasis/nerd-fonts</a></li>
</ul>

<p>나는 다양한 기능이 추가된 nerd font 를 사용하는 것을 선호한다.</p>

<p>Meslo LG 폰트 하나만 필요하다면 다음 경로에서 다운받는 것이 심플하다.</p>

<p><a href="https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/Meslo">nerd-fonts/patched-fonts/Meslo</a></p>

<p>나는 찾아 들어가기 귀찮아서 그냥 <code>git clone</code>을 한다.</p>

<div><pre><code>git clone git@github.com:ryanoasis/nerd-fonts.git <span>--depth</span> 1
<span>cd </span>nerd-fornts/patched-fonts/Meslo
</code></pre></div>

<p>그런데 이 안에 들어 있는 폰트가 엄청나게 많다.</p>

<div><pre><code><span>$ </span>find nerd-fonts/patched-fonts/Meslo <span>-name</span> <span>'*.ttf'</span> | <span>wc</span> <span>-l</span>
      96
</code></pre></div>

<p>96 개나 된다.</p>

<p>그런데 이건 여러 특징이 조합된 결과이므로, 자신에게 필요한 조건을 갖는 폰트를 선택해서 쓰면 된다.</p>

<p>아마도 모든 조합이 있으므로 원하는 조건 조합이 없는 경우는 없을 것이다.</p>

<table>
  <thead>
    <tr>
      <th>조건</th>
      <th>옵션</th>
      <th>설명</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>행간 높이</td>
      <td>L, M, S</td>
      <td>폰트의 높이</td>
    </tr>
    <tr>
      <td>스타일</td>
      <td>Regular, Bold, Italic</td>
      <td>기본 스타일</td>
    </tr>
    <tr>
      <td>점이 있는 0</td>
      <td>Dotted Zero(DZ)</td>
      <td>숫자 0 한복판에 점이 찍혀 있음</td>
    </tr>
    <tr>
      <td>Nerd Font</td>
      <td>Nerd Font(NF)</td>
      <td>터미널에서 재미있는 표현을 하기 위한 특수문자가 포함되어 있음</td>
    </tr>
    <tr>
      <td>모노스페이스</td>
      <td>Mono</td>
      <td>고정폭 폰트</td>
    </tr>
    <tr>
      <td>윈도우즈 호환</td>
      <td>Windows Compatible</td>
      <td>윈도우즈 OS에서도 사용할 수 있다.</td>
    </tr>
  </tbody>
</table>

<h3 id="선택하는-방법-예제-1">선택하는 방법 예제 1</h3>

<p>만약 나에게 필요한 폰트의 조건이 다음과 같다면,</p>

<table>
  <thead>
    <tr>
      <th>조건</th>
      <th>옵션</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>행간 높이는 중간 정도면 좋겠다.</td>
      <td><code>LG M</code></td>
    </tr>
    <tr>
      <td>터미널에서의 풍부한 표현을 위해 Nerd Font 를 쓰고 싶다.</td>
      <td><code>Nerd Font</code></td>
    </tr>
    <tr>
      <td>윈도우즈 호환이 되었으면 좋겠다.</td>
      <td><code>Windows Compatible</code></td>
    </tr>
  </tbody>
</table>

<p>다음을 설치하면 된다.</p>

<ul>
  <li><strong>Meslo LG M Regular Nerd Font Complete Windows Compatible.ttf</strong></li>
</ul>

<h3 id="선택하는-방법-예제-2">선택하는 방법 예제 2</h3>

<p>만약 필요한 폰트의 조건이 다음과 같다면,</p>

<table>
  <thead>
    <tr>
      <th>조건</th>
      <th>옵션</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>행간 높이가 높으면 좋겠다.</td>
      <td><code>LG L</code></td>
    </tr>
    <tr>
      <td>숫자 <code>0</code> 과 알파벳 <code>O</code>가 잘 구분되었으면 좋겠다.</td>
      <td><code>DZ</code></td>
    </tr>
    <tr>
      <td>코딩 가독성을 위해 모노스페이스가 쓰고 싶다.</td>
      <td><code>Mono</code></td>
    </tr>
    <tr>
      <td>Vim의 에어라인과 Tmux 테마 등을 위해 Nerd Font 가 쓰고 싶다.</td>
      <td><code>Nerd Font</code></td>
    </tr>
    <tr>
      <td>윈도우즈는 안 써서 윈도우즈 호환이 필요 없다.</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Italic, Bold, Regular 가 모두 필요하다</td>
      <td><code>Italic</code>, <code>Bold</code>, <code>Regular</code></td>
    </tr>
  </tbody>
</table>

<p>다음의 세 폰트를 설치하면 된다.</p>

<ul>
  <li><strong>Meslo LG L DZ Regular Nerd Font Complete Mono.ttf</strong></li>
  <li><strong>Meslo LG L DZ Bold Nerd Font Complete Mono.ttf</strong></li>
  <li><strong>Meslo LG L DZ Italic Nerd Font Complete Mono.ttf</strong></li>
</ul>

<h3 id="나의-설정">나의 설정</h3>

<ul>
  <li>
    <p>Terminal(Mac): <strong>Meslo LG M DZ Regular Nerd Font Complete Mono 14 pt.</strong></p>
  </li>
  <li>
    <p>IntelliJ IDEA</p>
    <ul>
      <li>Show only monospaces fonts</li>
      <li>Primary font: <strong>MesloLGLDZ Nerd Font Mono</strong></li>
      <li>Size: 12</li>
      <li>Line Spacing: 1.0</li>
      <li>Secondary font: 지정 안함</li>
      <li>Enable font ligatures
        <ul>
          <li><code>!=</code>를 ≠ 처럼, <code>=&gt;</code>를 ⇒ 처럼 표기하는 방식을 말한다.</li>
          <li><strong>나는 ligature 옵션을 싫어해서 항상 꺼둔다</strong>. column이 중요한 Vim에선 묘하게 헷갈리기 때문.</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

<h2 id="sarasa-gothic-mono">Sarasa Gothic Mono</h2>

<ul>
  <li><a href="https://picaq.github.io/sarasa/">https://picaq.github.io/sarasa/ </a></li>
  <li><a href="https://github.com/be5invis/Sarasa-Gothic">https://github.com/be5invis/Sarasa-Gothic </a></li>
</ul>

<h3 id="특징">특징</h3>

<ul>
  <li>다국어를 사용하는 프로그래머를 위해 만들어진 폰트.
    <ul>
      <li>CJK, 즉 중국어/일본어/한국어 문자를 포함해 165개 언어를 지원한다고 한다.</li>
    </ul>
  </li>
  <li>여러 폰트가 합쳐진 것이 특징
    <ul>
      <li>영문/숫자는 <a href="https://github.com/be5invis/Iosevka">Iosevka</a> 폰트를 사용한다.</li>
      <li>한글/한자/일본어는 <a href="https://github.com/adobe-fonts/source-han-sans">Source Han Sans</a>를 사용한다.</li>
    </ul>
  </li>
  <li>영문 2자와 한글 1자의 너비가 정확히 1:2로 매칭된다는 장점이 있다.
    <ul>
      <li>즉, 이 폰트를 쓰면 터미널이나 코드 에디터에서 사용할 때 라인 끝부분이 들쭉날쭉한 문제가 해결된다.</li>
    </ul>
  </li>
  <li>꾸준한 업데이트도 장점.</li>
</ul>

<h3 id="설치">설치</h3>

<ul>
  <li><a href="https://github.com/be5invis/Sarasa-Gothic/releases">github repository의 Releases</a>에서 다운로드 받아 설치한다.</li>
  <li>Mac 이라면 간단하게 [[/cmd/brew]]{brew}로 설치할 수 있다.</li>
</ul>

<div><pre><code>brew <span>install</span> <span>--cask</span> font-sarasa-gothic
</code></pre></div>

<h3 id="선택하는-방법">선택하는 방법</h3>

<ul>
  <li>스타일(Family) 옵션
    <ul>
      <li>Mono: 고정폭. Iosevka 기반이라 폭이 좁은 편이다.
        <ul>
          <li>Mono Slab: 세리프(Serif)가 있는 고정폭 스타일.</li>
        </ul>
      </li>
      <li>Term: 터미널용으로, 특수문자 너비 등이 조정된 버전.</li>
      <li>Fixed: Term 버전에서 ligature 기능이 제거된 버전.</li>
      <li>UI: 가변폭(Proportional) 폰트.
        <ul>
          <li>코딩용으로는 적합하지 않다. IDE 메뉴 등 UI 요소에 쓰는 용도.</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>언어 옵션
    <ul>
      <li>CL: 클래식 한자</li>
      <li>SC: 중국어 간체 한자</li>
      <li>TC: 중국어 번체 한자</li>
      <li>HC: 홍콩식 한자</li>
      <li>J: 일본어</li>
      <li>K: 한국어</li>
    </ul>
  </li>
</ul>

<p>터미널에서 fallback font로 <code>Sarasa Mono K</code>를 사용한다.
ligature를 좋아하지 않고, 한글을 사용하기 때문.</p>


    </article>


    
    
    



</div></div>

기계인간 John Grib

JohnGrib

내가 선호하는 코딩 폰트를 기록한다

코딩 폰트

댓글