나눔고딕 웹폰트 : 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 적용 포스트를 마치도록 하겠습니다.
lovebox
어얼리 엑세스 페이지는 어찌 이동하는지 설명해주셨으면 더 좋았을 듯 해요~
osio`
다음 관련글 작성시부터 넣어보도록 하겠습니다.
nina
구글폰트라니..
구글은 정말 안하는게 없네요 ㅎㅎ
좋은정보 감사합니다
osio`
저도 구글 폰트가 있다는 것을 보고 조금은 놀랐습니다. ㅎㅎ
Dcoder
나눔고딕은 어느 목적으로든 무료로 사용할 수 있는 것이 맞습니다. OFL(Open Font License) 라서 구글도 마음껏 배포하는 것이지요. 다만 네이버 폰트로 웹이 도배되는 것은 올바르지 못한 것 같습니다. 외국처럼 다양한 폰트를 웹폰트로 사용할 수 있었으면 좋겠네요. :-)
osio`
네, 그건 맞습니다. 다양한 폰트로 사용하면 좋을텐데, 무료 폰트 중에서는 가장 보기좋고 적용하기 쉬운게 나눔고딕이라서 그런게 아닐까 싶습니다. 다른 무료폰트도 많이 추가된다면 블로그들이 좀 더 풍요로워 지겠네요.
익명
비밀댓글입니다
osio`
구글이 서비스를 하지 않게 되면 폰트가 기존에 설정했던 폰트로 바뀝니다. 제가 보기에는 블로그에서 폰트를 여러개 정해둘 수 있는 것으로 보이는데, 사이트의 경우에는 잘 모르겠네요. 개인적으로는 hades36님이 조그마한 블로그를 운영하는 저보다 이 부분에 지식이 많지 않을까 생각됩니다.