Tiplu's Mind

'Nanum Gothic'에 해당되는 글 1건

  1. 나눔고딕 웹폰트 : Google fonts 적용 8

나눔고딕 웹폰트 : Google fonts 적용

반응형

  오늘은 나눔고딕 웹폰트의 적용 방법 대해서 다뤄보도록 하겠습니다. 나눔고딕 웹폰트는 NHN이 제작하였고, 저작권법에 규제를 받지 않는 웹폰트 입니다. 사용자는 나눔고딕 웹폰트를 어느 목적으로든 사용할 수 있는 것으로 알고 있습니다. 웹폰트 등의 폰트를 사용하더라도 폰트 저작권에 대해서 합당한 비용을 지불하여 사용하여야 합니다.

  얼마 전까지만 해도 웹폰트는 모빌리스가 유명했지만, 유료화로 바꾸면서 많은 사용 유저들이 빠져나간 것으로 알고 있습니다. 이 글에서는 나눔고딕 웹폰트를 구글 폰트 사이트를 이용하여 무료로 이용하는 방법과 티스토리에 적용하는 방법을 다루도록 하겠습니다.

 

 

나눔고딕 웹폰트 : Google fonts 적용

나눔고딕 웹폰트는 '이곳'을 참고하며 아래의 내용을 따라가세요.

 

나눔고딕 웹폰트나눔고딕 웹폰트 : Google Fonts

현재의 Google Fonts 페이지 입니다.

  이 페이지에서는 나눔고딕 웹폰트를 발견할 수 없으며, 나눔고딕 웹폰트는 아래 스크린 샷의 Google Fonts Early Access! 페이지에서 찾을 수 있습니다.

 

나눔고딕 웹폰트나눔고딕 웹폰트 : Early Access!

  Google Fonts Early Access! 페이지는 구글 폰트 페이지에 나타나 있지 않은 폰트들이 업로드 되어 있으며, 알파벳 순(A~Z)으로 정리되어 있습니다. 나눔고딕은 Nanum Gothic 이므로, 하단을 찾아보면 쉽게 찾을 수 있습니다.

 

나눔고딕 웹폰트나눔고딕 웹폰트 : Nanum Gothic

  위 스크린 샷이 나눔고딕 웹폰트 입니다. 우리가 사용해야하는 것은 Coding이 아니라 위의 Nanum Gothic이며, [Link] 부분과 [Example] 부분이 필요합니다.

 

나눔고딕 웹폰트나눔고딕 웹폰트 : HTML/CSS 편집

티스토리의 [관리 → HTML/CSS 편집]으로 이동합니다.

 

나눔고딕 웹폰트나눔고딕 웹폰트 : Link 삽입

style.css에 알아보기 쉽게 구글 폰트의 Link 부분을 복사 후 붙여넣기해 줍니다.

 

나눔고딕 웹폰트나눔고딕 웹폰트 : 폰트 변경

  그리고 하단으로 가면서, 폰트 부분의 앞쪽에 [Nanum Gothic, ]을 입력해 주시면 폰트의 적용이 완료됩니다. 나눔고딕 웹폰트의 적용이 완료된 후에는 자신의 블로그 및 사이트 설정에 맞게 폰트 크기를 변경해 주시면 됩니다.

이것으로 나눔고딕 웹폰트 : Google fonts 적용 포스트를 마치도록 하겠습니다.