본문 바로가기
IT 및 정보/Blog Tips

[블로그팁] 내 티스토리 블로그 폰트 변경하기 - 나눔고딕[Easy]

by 머니뉴스 2014. 12. 19.
반응형

[블로그팁] 내 티스토리 블로그 폰트 변경하기 - 나눔고딕체[Easy]

 

 안녕하세요! HeyGroove입니다.

티스토리 블로그를 만들어가다보면 폰트를 좀 더 보기 좋게 바꿔봤으면 좋겠다는 생각을 하게 됩니다.

그런 생각이 드는 이유는 아마 좀 더 세련되게 보이고 능숙해 보인다는 것 때문이 아닐까요!

 그럼, 오늘은 간단하게 <블로그 폰트 변경하는 법>에 대해 적어보도록 하겠습니다.

  

<블로그 폰트 변경하는 법>

 

① 관리자 모드로 들어간다.

② 좌측 상단 두번째의 꾸미기 아래에 있는  HTML/CSS편집 을 클릭하여 들어간다.

style.css 의 박스내에 들어가,

 

  @charset "utf-8";

<이곳에 링크를 복사해서 넣을 예정입니다. Enter(엔터)키를 눌러 한칸을 띄워줘야 합니다.>

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea....

 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 을 복사해서 넣어야 합니다.

 

 

@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);  <----- 여기에 넣습니다.

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea....

 

⑤ 링크를 복사해서 넣은 후, style.css 안 박스에서 font-family 를 찾아 Nanum Gothic  을 넣어줘야 합니다.

 

- font-family를 찾으려면 CTRL+F 를 눌러서 검색박스안에 <font-family> 입력하거나 붙여넣기 하면 됩니다.

- 검색박스 우측에 있는 <다음> 버튼을 누르면 font-family 의 위치가 황금색 박스로 나타납니다.

- font-family:Nanum Gothic,Arial, "돋움", Dotum, AppleGothic, sans-serif !important; <-Nanum Gothic을 입력 또는 붙여넣기 하면됩니다.
- 다음 버튼을 다시 누르고 한번더 추가해 주면 됩니다.

  단, font-family: FontAwesome;  /* Don't Change Font-family (Icon) */  <------이렇게 나온 부분은 제외합니다.

⑥ 이제 완료가 되었습니다. 저장버튼을 누르고 블로그홈으로 들어가서 변경된 것을 확인하면 끝!

 

이제 사진과 함께 다시 설명해 보겠습니다. 

1) [HTML/CSS편집] 을 클릭합니다.

 

 

 

2) @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 을 붙여넣기 합니다.

 

 ▼ <조금 더 크게 보세요*^^*>

 

붙여넣기 할 내용 ---> @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 

 

 

 

3) CTRL+F 를 누르고, 좌측 상단의 <찾기>박스에 font-family 를 입력합니다.

 

 

 

4) font-family에 Nanum Gothic 을 추가합니다. 

 

▲ 변경1.

▲ 변경2.

▲ 변경제외부분.(해당부분이 몇군데가 더 나와도 패스하시면 됩니다.)

 

5) 이제 완료가 되었습니다. 저장하시고 블로그홈으로 돌아가 확인하면 끝! 

 

 

※ 참고로 구글웹폰트를 찾을 수 있는 주소입니다.

http://www.google.com/fonts/earlyaccess  <--- 다른 폰트로 변경을 원하실 경우에는 이곳에 들어가셔서 해당 링크를 복사한 후 변경가능합니다.

 

 

위 내용처럼 나눔고딕 폰트 뿐만이 아니라 다양한 폰트를 적용할 수 있습니다.

원하시는 폰트로 얼마든지 적용해 보시면 좋을 것 같습니다.

 

 

 

 

반응형

댓글