나눔고딕 웹폰트 : Google fonts 적용
오늘은 나눔고딕 웹폰트의 적용 방법 대해서 다뤄보도록 하겠습니다. 나눔고딕 웹폰트는 NHN이 제작하였고, 저작권법에 규제를 받지 않는 웹폰트 입니다. 사용자는 나눔고딕 웹폰트를 어느 목적으로든 사용할 수 있는 것으로 알고 있습니다. 웹폰트 등의 폰트를 사용하더라도 폰트 저작권에 대해서 합당한 비용을 지불하여 사용하여야 합니다.
얼마 전까지만 해도 웹폰트는 모빌리스가 유명했지만, 유료화로 바꾸면서 많은 사용 유저들이 빠져나간 것으로 알고 있습니다. 이 글에서는 나눔고딕 웹폰트를 구글 폰트 사이트를 이용하여 무료로 이용하는 방법과 티스토리에 적용하는 방법을 다루도록 하겠습니다.
나눔고딕 웹폰트 : Google fonts 적용
나눔고딕 웹폰트는 '이곳'을 참고하며 아래의 내용을 따라가세요.
현재의 Google Fonts 페이지 입니다.
이 페이지에서는 나눔고딕 웹폰트를 발견할 수 없으며, 나눔고딕 웹폰트는 아래 스크린 샷의 Google Fonts Early Access! 페이지에서 찾을 수 있습니다.
Google Fonts Early Access! 페이지는 구글 폰트 페이지에 나타나 있지 않은 폰트들이 업로드 되어 있으며, 알파벳 순(A~Z)으로 정리되어 있습니다. 나눔고딕은 Nanum Gothic 이므로, 하단을 찾아보면 쉽게 찾을 수 있습니다.
위 스크린 샷이 나눔고딕 웹폰트 입니다. 우리가 사용해야하는 것은 Coding이 아니라 위의 Nanum Gothic이며, [Link] 부분과 [Example] 부분이 필요합니다.
티스토리의 [관리 → HTML/CSS 편집]으로 이동합니다.
style.css에 알아보기 쉽게 구글 폰트의 Link 부분을 복사 후 붙여넣기해 줍니다.
그리고 하단으로 가면서, 폰트 부분의 앞쪽에 [Nanum Gothic, ]을 입력해 주시면 폰트의 적용이 완료됩니다. 나눔고딕 웹폰트의 적용이 완료된 후에는 자신의 블로그 및 사이트 설정에 맞게 폰트 크기를 변경해 주시면 됩니다.
이것으로 나눔고딕 웹폰트 : Google fonts 적용 포스트를 마치도록 하겠습니다.
lovebox
어얼리 엑세스 페이지는 어찌 이동하는지 설명해주셨으면 더 좋았을 듯 해요~
Tiplu's Admin
다음 관련글 작성시부터 넣어보도록 하겠습니다.
nina
구글폰트라니..
구글은 정말 안하는게 없네요 ㅎㅎ
좋은정보 감사합니다
Tiplu's Admin
저도 구글 폰트가 있다는 것을 보고 조금은 놀랐습니다. ㅎㅎ
Dcoder
나눔고딕은 어느 목적으로든 무료로 사용할 수 있는 것이 맞습니다. OFL(Open Font License) 라서 구글도 마음껏 배포하는 것이지요. 다만 네이버 폰트로 웹이 도배되는 것은 올바르지 못한 것 같습니다. 외국처럼 다양한 폰트를 웹폰트로 사용할 수 있었으면 좋겠네요. :-)
Tiplu's Admin
네, 그건 맞습니다. 다양한 폰트로 사용하면 좋을텐데, 무료 폰트 중에서는 가장 보기좋고 적용하기 쉬운게 나눔고딕이라서 그런게 아닐까 싶습니다. 다른 무료폰트도 많이 추가된다면 블로그들이 좀 더 풍요로워 지겠네요.
비밀댓글입니다
Tiplu's Admin
구글이 서비스를 하지 않게 되면 폰트가 기존에 설정했던 폰트로 바뀝니다. 제가 보기에는 블로그에서 폰트를 여러개 정해둘 수 있는 것으로 보이는데, 사이트의 경우에는 잘 모르겠네요. 개인적으로는 hades36님이 조그마한 블로그를 운영하는 저보다 이 부분에 지식이 많지 않을까 생각됩니다.