<div id="readability-page-1" class="page"><div>
<p>2014년 구글과 어도비(Adobe)와 합작으로 한중일 언어를 동시에 지원하는 본고딕(Noto Sans CJK)를 출시하였습니다. 개인적으로 나눔고딕 다음으로 많이 사용하고 있는 서체입니다.</p>

<p>현재 구글 Early Access에서 웹폰트를 제공하고 있습니다.<br>
사용법은 아래와 같습니다.</p>

<h2 id="옵션">옵션</h2>

<p>다른 웹폰트와 달리 다양한 굵기를 지원하고있습니다. 실제 폰트에서는 7단계 굵기(font-weight)를 지원하지만, 구글 Early Access에서 제공되는 웹폰트에서는 6가지를 제공합니다.</p>

<ul>
  <li>Thin(100)</li>
  <li>Light(300)</li>
  <li>Regular(400)</li>
  <li>Medium(500)</li>
  <li>Bold(700)</li>
  <li>Black(900)</li>
</ul>

<h2 id="사용방법">사용방법</h2>

<h3 id="link-방식-권장">link 방식 (권장)</h3>

<div><pre><code><span>&lt;link</span> <span>rel=</span><span>"stylesheet"</span> <span>type=</span><span>"text/css"</span> <span>href=</span><span>"https://fonts.googleapis.com/earlyaccess/notosanskr.css"</span><span>&gt;</span>
</code></pre></div>

<h3 id="import-방식">import 방식</h3>

<div><pre><code><span>@import</span> <span>url(https://fonts.googleapis.com/earlyaccess/notosanskr.css)</span><span>;</span>
</code></pre></div>

<h2 id="적용">적용</h2>

<p data-height="350" data-theme-id="dark" data-slug-hash="wqVKPO" data-default-tab="result" data-user="moonspam" data-embed-version="2" data-pen-title="wqVKPO">See the Pen <a href="https://codepen.io/moonspam/pen/wqVKPO/">wqVKPO</a> by moonspam (<a href="https://codepen.io/moonspam">@moonspam</a>) on <a href="https://codepen.io/">CodePen</a>.</p>



</div></div>

코딩 공부방

2014년 구글과 어도비(Adobe)와 합작으로 한중일 언어를 동시에 지원하는 본고딕(Noto Sans CJK)를 출시하였습니다. 개인적으로 나눔고딕 다음으로 많이 사용하고 있는 서체입니다.
현재 구글 Early Access에서 웹폰트를 제공하고 있습니다.
옵션
다른 웹폰트와 달리 다양한 굵기를 지원하고있습니다. 실제 폰트에서는 7단계 굵기(font-weight)를 지원하지만, 구글 Early Access에서 제공되는 웹폰트에서는 6가지를 제공합니다.
Thin(100)
Light(300)
Regular(400)
Medium(500)
Bold(700)
Black(900)
사용방법
link 방식 (권장)
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/earlyaccess/notosanskr.css">
import 방식
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
적용
See the Pen wqVKPO by moonspam (@moonspam) on CodePen.

본고딕 웹폰트(Noto Sans CJK) 공유

댓글