[블로그팁] 내 티스토리 블로그 폰트 변경하기 - 나눔고딕체[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) */ <------이렇게 나온 부분은 제외합니다.
⑥ 이제 완료가 되었습니다. 저장버튼을 누르고 블로그홈으로 들어가서 변경된 것을 확인하면 끝!
이제 사진과 함께 다시 설명해 보겠습니다.
▼ <조금 더 크게 보세요*^^*>
붙여넣기 할 내용 ---> @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
▲ 변경1.
▲ 변경2.
▲ 변경제외부분.(해당부분이 몇군데가 더 나와도 패스하시면 됩니다.)
※ 참고로 구글웹폰트를 찾을 수 있는 주소입니다.
http://www.google.com/fonts/earlyaccess <--- 다른 폰트로 변경을 원하실 경우에는 이곳에 들어가셔서 해당 링크를 복사한 후 변경가능합니다.
위 내용처럼 나눔고딕 폰트 뿐만이 아니라 다양한 폰트를 적용할 수 있습니다.
원하시는 폰트로 얼마든지 적용해 보시면 좋을 것 같습니다.
'IT 및 정보 > Blog Tips' 카테고리의 다른 글
[TIP] 다양한 주제로 포스팅하면서 방문자 늘려나가기. (0) | 2015.03.19 |
---|---|
[TIP] 티스토리 본문중간에 광고를 쉽게 넣는 방법 (3) | 2015.03.16 |
저작권에서 자유로운 Flickr 공유이미지 사용하기 (0) | 2014.11.29 |
저작권 걱정없이 블로그에 이미지를 사용하는 방법 7가지 (1) | 2014.07.31 |
티스토리 초대장 10장 배포합니다.[마감] (29) | 2014.07.30 |
댓글