티스토리 블로그 글씨체(폰트) 나눔고딕으로 간단하게 변경하기

티스토리 블로그 글씨체(폰트) 나눔고딕으로 간단하게 변경하기

 

 

티스토리 블로그를 시작한지 2주 가량 정도 지났는데요. 저는 지금까지 티스토리 블로그에서 글쓰기 할 때의 글자크기와 글씨체가 동일하게 포스팅에 적용되는 줄 알았습니다. 미리보기 하면서 확인할 때 미리 눈치를 챘어야 됐는데.. 보는 사람 입장에서 생각하는 시각이 부족했나봅니다. 그래도 이렇게 뒤늦게나마 고칠 수 있다는 것이 참 다행이네요. 다른 분들도 참고하셔서 글씨체를 본인에게 마음에 드는 것으로 변경하시기 바랍니다.

자 이제 시작해볼까요?

 

제 포스팅 중 하나를 확인해보겠습니다. 어떤 글씨체인지도 모르는 글씨체가 제 포스팅 글씨체로
설정이 되어있는 것을 확인할 수 있습니다. 저는 글쓰기 할 때 고딕으로 되어있어서 만족하고 있
었는데 실상 포스팅에 노출되는 글씨체는 고딕이 아니니 저는 도대체 무슨 결과물을 보고 포스팅
을 올린 것인지 허무한 느낌이 들더라구요.

 

자 그럼 폰트를 한 번 수정해볼까요?
가장 먼저 본인의 블로그의 관리 페이지로 들어가줍니다.
좌측 사이드에 바에 보시면 꾸미기 > HTML/CSS 편집이라는 카테고리가 있는데요. 과감히(?) 클릭을 해줍니다.

 

들어가보시면 좌측 화면에는 본인의 최근 포스팅 글이 미리보기 화면으로 보이실거구요. 우측에는 괴상망측한(?)
HTML과 CSS에 관한 코드들이 들어가 있음을 확인할 수 있습니다. 너무 어렵지 않으니 차근차근 따라 해보시면
됩니다. 먼저 우측 화면에서 CSS 탭을 클릭 해주세요. 알아볼 수 없는 CSS 코드들이 나올텐데요. 일단은 사뿐히
무시해주시고 https://fonts.google.com 사이트로 접속해서 CTRL + F를 누르셔서 'Nanum Gothic'을 검색해줍니다.

  

그러면 위의 화면처럼 Link와 Example이 보이실텐데요. 이 두가지 소스를 아까의 CSS 탭 내용에 복사 붙여넣기를
하면 된다고 보시면 됩니다. 폰트를 직접 다운 받아서 적용시키실 수도 있지만 조금 더 시간이 걸리기 때문에 이와
같은 방법으로 진행하도록 하겠습니다.

일단은 CSS의 제일 위에 보시면 @import라고 되어있는 부분들이 조금씩 눈에 띄실텐데요. 맨 마지막
import 줄에서 엔터를 쳐서 아까 본 Link 소스를 붙여 넣어줍니다.

 

그 다음은 조금 헷갈리실 수도 있는데요. 아까 사진에서 조금 밑에 보시면 body라고 보이실겁니다.
body, 이렇게 바로 넘어가는 것을 확인하실 수 있는데.. 이 부분을 body{}, 이렇게 수정을 해주시고
괄호 사이에 아까 봤던 Example 소스를 붙여 넣어줍니다.

 

그 이후에 간단하게 저장 버튼만 눌러주시면 나눔고딕으로 폰트가 변경되었음을 확인하실 수 있습니다.

 

위의 사진의 우측의 책은 광고가 나오는 부분이라 가려둔거니 신경쓰지 않으셔도 됩니다.
나눔고딕이 아니더라도 다른 폰트로 변경하고 싶으신 폰트가 있으시면 구글 폰트 사이트에서
동일하게 진행 해주시면 해당 글씨체로 적용이 가능하니 참고하시기 바랍니다. 

어렵지 않으셨나요? 최대한 쉽게 설명한다고 한건데.. 다른분들도 정성이 담긴 본인의 포스팅에
마음에 드는 글씨체로 다른 분들께 표현하셨으면 좋겠습니다.

포스팅을 이만 마치도록 하겠습니다.
안녕.

 

2016/11/22 - [햄릿슈의 생활 정보] - 스탠다드 차타드 SC제일은행 외화입출금통장 개설하기(구글 애드센스)

2016/11/08 - [햄릿슈의 생활 정보] - 2016년 CGV VIP VS 2017년 CGV VIP 승급기준 및 혜택 전격비교

2016/11/12 - [햄릿슈의 생활 정보] - 제적증명서(대학 중퇴 증명서), 졸업 증명서, 성적 증명서 등 대학교 민원 서류 발급방법

2016/11/21 - [햄릿슈의 생활 정보] - 대한상공회의소 컴퓨터활용능력 1급 필기 상시검정 합격수기