본문 바로가기
반응형

폰트도 라이선스가 있어서 특정 폰트를 사용하려면 비용을 지불해야 합니다. 하지만 언제 부턴가 각 기업들이 너도나도 본인 회사에 어울리는 폰트를 제작하여 무료로 제공하는 붐이 불었습니다. 이 폰트는 상업적으로 사용해도 되는 저작권 프리 폰트들입니다. 예를 들면, 우아한형제, 가비아, 티몬, 빙그레 등등.. 이 있습니다.

그러나 웹사이트에서 사용할 예정이라면 본고딕(Noto Sans)나눔 폰트, 이 2가지 서체는 반드시 기억해야 합니다. 왜냐하면 웹폰트로도 제공을 해주고 있고, 많은 사람들이 사용하고 있어서 이미 이 폰트가 설치되어 있을 수 있기 때문입니다.

나눔폰트

나눔폰트는 산돌과 폰트릭스에서 개발하고 네이버에서 배포하는 라이선스 무료 폰트입니다. 상업적으로 사용해도 문제가 없습니다.

나눔 폰트로 바로가기

나눔스퀘어라운드

나눔스퀘어

나눔바른펜

나눔바른고딕

나눔글꼴에코

나눔손글씨

나눔고딕

나눔명조

한글한글 아름답게 홈페이지를 통해 지속적으로 폰트에 대한 고민과 생산을 하고 있습니다. 또한 네이버 클로바 AI 기술을 이용하여 109종류의 나눔손글씨 제작하고 배포하고 있습니다.

이중 웹사이트에서 가장 많이 사용하는 웹폰트는 나눔고딕나눔바른고딕입니다.

나눔글꼴 웹폰트

나눔글꼴의 웹폰트는 아래와 같이 제공하고 있습니다.

<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/nanumgothic.css">
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css">
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/nanummyeongjo.css">
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/nanumbrushscript.css">
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/nanumpenscript.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css">

<div class='normal'>
    <h2>기본 글꼴</h2>
    <h2 style="font-family: 'Nanum Gothic';">나눔 고딕</h2>
    <h2 style="font-family: 'Nanum Gothic Coding';">나눔 고딕 코딩</h2>
    <h2 style="font-family: 'Nanum Myeongjo';">나눔 명조</h2>
    <h2 style="font-family: 'Nanum Brush Script';">나눔 손글씨 붓체</h2>
    <h2 style="font-family: 'Nanum Pen Script';">나눔 손글씨 펜체</h2>
    <h2 style="font-family: 'Nanum Barun Gothic';">나눔 바른고딕</h2>
</div>

본고딕(Noto Sans)

본고딕과 Noto Sans는 동일한 폰트입니다. 이 폰트는 구글과 Adobe가 같이 공동으로 개발을 했고 Adobe에서는 본고딕, 구글에서는 Noto Sans라고 말합니다.
Noto Sans는 전세계의 글씨체를 디자인했고 완성도도 매우 우수한 폰트이며 2Byte글자도 포함되어있어서 한국, 일본, 중국의 글씨까지 모두 구현할 수 있습니다.

Noto Sans
Noto가 구글의 대표 폰트이므로 아주 다양한 Noto체가 존재 합니다. 우리가 여기서 주목해서 봐야 할 폰트는 Noto Sans 중에 한글이 포함된 Noto Sans CJK KR 폰트입니다.

Noto Sans CJK KR

Noto Sans CJK에서 CJK는 Chinese, Japanese, Korean의 머리글자 입니다. 그중에 Korean폰트를 모아놓은게 Noto Sans CJK KR 입니다.

### 다운로드 받기


간단하게 다운로드 버튼을 클릭하면 폰트가 다운로드되고 바로 설치를 하면 됩니다.

### 본고딕(Noto Sans) 웹폰트
웹폰트로 사용하기 위해서는 해당 폰트를 경량화 시켜서 웹서버에서 서빙을 해줘야 합니다. 고맙게도 구글에서 웹폰트까지 제공을 해주고 있습니다. 구글의 웹폰트는 구글폰트 웹사이트에서 제공해 주고 있습니다.

Noto Sans KR 웹폰트 제공
이제 이 폰트의 CDN 링크를 확인하고 내 웹서비스에 적용을 하기만 하면 됩니다.
적용하는 방법은 이전에 포스팅한 내용을 참고하세요.

웹사이트에 구글 웹폰트 적용하기

나만모르는 이야기

여행, 맛집,IT, 리뷰에 대한 이야기를 공유하는 블로그 .