티스토리에 나눔고딕 글꼴 설치하기(fastboot 스킨)

티스토리에 나눔고딕 글꼴 설치하기(fastboot 스킨)

 

티스토리에 블로그를 작성할때 보면 고딕이나 굴림체가 있습니다.

그런데 요즘 사람들이 많이 쓰는 글씨체는 나눔고딕을 많이 쓰고 있죠

나눔고딕은 네이버에서 배포하는 글씨체인데요.

보기 편하고 깔끔해서 인기가 많은 것 같아요

나눔 고딕 검색해 보면 나눔글씨체 홈페이지가 나옵니다. 여기서 다른 글씨체도 받을 수 있어요

 

 

위 사진이 나눔고딕 글씨체 모양입니다.

끝이 둥글둥글해서 고딕체이지만 부드러운 느낌이죠

 

 

티스토리에서 작성된 고딕체입니다. 음 차이가 느껴지시나요? 긑부분이 좀 딱딱한가요?

어쨌든 나눔고딕이 현재 많이 쓰이고 있어서 보는 사람들도 편안하게 느낄 수 있습니다.

 

티스토리 블로그는 설치형 블로그라고 말씀드린 것 같은데요.

그래서 기본으로 제공되지 않는 글꼴도 설치해서 쓸 수 있습니다.

나눔고딕 글꼴을 설치하고 나면 자동으로 글꼴이 블로그에 반영됩니다.

 

그럼 천천히 따라해보실래요?

 

먼저 나눔고딕 파일을 첨부하니 받으시면 됩니다.

 

NanumGothic.eot

파일을 받으셨으면 이 파일을 티스토리 블로그에 업로드해서 설치를 해주어야 합니다.

 

 

우선 티스토리 블로그에 위에서 다운받은 파일을 설치하도록 하겠습니다.

관리자 모드로 들어가주세요.. 그러면 아래 꾸미기 메뉴에 HTML/CSS편집 메뉴가 있을겁니다.

거기를 클릭해주세요

 

 

자 그럼 위와 같이 화면이 보이시나요? 처음 오른쪽 상단을 보시면 html이 활성화되어있고 알 수 없는 코드들이 주르륵 나와있을 겁니다. 그건 일단 무시하시구요. 우리는 가장 오른쪽에 있는 파일업로드를 선택하도록 합시다.

 

파일업로드가 활성화되면 아래 파일들이 보이고 맨 밑에 붉은 박스에 추가라는 버튼이 보이실 겁니다.

이걸 클릭해서 다운받은 파일을 업로드해주세요

 

파일을 첨부하고 나서 저장을 하시면 파일업로드 메뉴로 다시 들어가 보면 아래와 같이 업로드된 나눔고딕 파일이 보이실겁니다.

 

 

그럼 이제 본인의 블로그에 나눔고딕 파일이 저장이 된 것이죠..

 

자 이제 세팅을 해서 실제 블로그에서 나눔고딕이 설정되도록 해보겠습니다.

이 글은 현재 제가 쓰고 있는 FASTBOOT 스킨을 기준으로 작성하고 있습니다.

따라서 본인의 스킨에 따라 html 소스가 달리 보일 수 있습니다.

스킨별로 font-family 설정이 약간씩 달라서.. 본인의 스킨제작자에게 문의하시는게 좋겠네요

 

그럼 패스트붓스킨으로 나눔고딕을 쓰는 법을 알아보겠습니다.

마찬가지로 HTML/CSS편집 메뉴로 들어가시기 바랍니다.

이번에는 CSS메뉴를 활성화 시켜주세요

 

 

그런다음 "@charset "utf-8" 을 찾아서 그 앞에 font-face 부분을 붙여넣습니다.

"@charset "utf-8"이 가장 위에 있어 찾기 쉬울텐데요. 혹시 안보이시면 ctrl+F로 찾아주세요

font-face 태그는 별도의 텍스트 파일을 첨부해 드리니 그대로 복사해서 붙여넣기 하세요

 

패스트붓 나눔고딕 설정.txt

 

 

 

 font-face를 입력하고 나서 해야할 일은 font-family를 추가하는 것입니다.

키보드 ctrl+F로 font-family를 검색합니다. 그러면 노란색으로 체크가 되면서 표시가 될거에요.

두가지 font-family를 수정하시면 됩니다.

첫번째가 바로 위 사진 charset 아래 7번째줄에 있는 font-family입니다. 첨부파일에 있는걸 복사하셔서 폰트패밀리 바로 뒤에 붙여넣기 합니다. Arial은 원래 있던 글씨체입니다. 이것도 그냥 남겨두세요

 

 

 

그다음 찾으실 곳이 쭉 내려가서 242행에 있는 폰트패밀리에 나눔고딕을 추가해주시면 됩니다. 

ctrl+F로 background: #aab2bd를 검색하시거나 쭉 내리면서 노란색 체크된 font-family를 찾으면됩니다.

그리고 마찬가지로 나눔고딕 태그를 추가..

더 내려가다 보면 폰트 패밀리를 바꾸지 말라는 제작자의 코멘트도 보실 수 있어요 여긴 손대지 않는게 좋겠죠

여기까지 진행하시고 저장하시면 이제 본인의 블로그에 나눔고딕이 설정되는 걸 보실 수 있을 겁니다.