티스토리 본문 글자크기 (폰트크기) 설정하기 1 - 북클럽 (Book Club) 스킨

수익형 블로그를 운영하든 취미형 블로그를 운영하든 본문의 글자크기를 설정하는건 포스팅 전체의 가독성을 좌우하는 아주 중요한 문제라고 생각해요.

그동안 제가 티스토리 블로그를 운영하면서 느낀건데, 티스토리 블로그는 기본으로 세팅된 본문의 글자크기가 너무 작아 가독성이 떨어진다는 생각이 들더라고요.

그래서 방법을 검색하고 찾아낸 다음 설정을 바꿔서 본문 글자크기를 이 정도까지 크게 해놓은 상태에요. 이러고 나니까 개인적으로는 예전보다 훨씬 읽기 편해졌다는 생각이 들더군요.

그래서 이번 시간에는 제가 사용중인 북클럽 (Book Club) 스킨을 포함해서 티스토리에서 제공하는 반응형 스킨 몇 가지 종류의 본문 글자크기를 변경하는 방법을 알려드리고자 합니다.

이 방법은 html편집을 해야하기 때문에 처음 티스토리 블로그를 시작하는 분이라면 조금 어렵고 헷갈릴 수도 있으니 이하 내용을 보고 차근차근 따라하시면 됩니다.

 

 

 

---

 

 

 

 

티스토리 본문 글자크기(폰트크기) 설정하기 1 - 북클럽(Book Club) 스킨

 

 

 

 

---

 

 

'꾸미기' 탭의 '스킨 편집' 클릭

우선 티스토리 블로그 관리 페이지에 있는 '꾸미기' 탭에서 '스킨 편집'으로 들어가주세요.

 

 

 

 

 

html 편집 클릭

 

 

그러면 이렇게 스킨 편집을 할 수 있는 페이지가 나오는데, 여기에서 동그라미친 'html편집' 버튼을 눌러주세요.

 

 

 

 

 

'CSS' 탭 클릭

 

 

그러면 이렇게 뭔가 알아보기 힘든 정신없는 글귀가 많이 보이는데, 여기에서 제일 위에 있는 'CSS' 탭을 눌러주세요.

 

 

 

 

 

 

 

 

 

CSS탭 상태

그러면 이렇게 CSS편집을 할 수 있는 페이지가 나옵니다. 이제 여기에서 티스토리 블로그 본문 글자크기를 바꿀 수 있어요.

 

 

 

 

 

 

CSS내에 커서를 띄운다

 

우선 CSS 내 아무 줄이나 클릭을 해서 이렇게 파란 줄과 커서가 뜨게끔 해놓으시고,

 

 

 

 

 

 

ctrl + F로 검색창 띄우기

 

 

그 상태에서 ctrl + F를 눌러서 이런 식으로 글자 검색이 가능한 창을 띄워주세요.

 

 

 

 

 

 

entry-content p를 검색하면

 

 

이 검색창에 'entry-content p'를 친 다음 엔터 키를 누르시면

 

 

 

 

 

font-size가 나타난다

 

이렇게 중간쯤에 있는 'entry-content p'가 검색이 되죠. 그리고 아래 보시면 화살표로 가리킨 'font-size: 1.15em;' 라고 된 부분이 바로 티스토리 블로그 본문 글자크기를 변경하는 항목이에요.

참고로 사진에 보이는 1.15라는 수치는 제가 지금 사용중인 이 글자크기이고, 처음 CSS 편집을 하는 분들이라면 글자크기가 0.9375로 되어있을 겁니다.

아무튼 이 'font-size'라는 글자 옆의 숫자를 바꾸시면 티스토리 블로그 본문의 글자크기가 바뀌게 되니까 본인이 적절하다고 생각되는 크기로 변경하시면 돼요.

숫자만으로는 글자크기가 감이 잘 안오신다면 제가 사용중인 글자크기가 1.15라는 점을 참고해서 변경하시면 될 것 같네요.

 

 

 

※주의사항

 

이렇게 CSS 편집을 통해 티스토리 블로그 본문 글자크기를 변경했다고 하더라도 '포스팅 작성 중'에는 글자크기가 변하지 않고 똑같아요.

단지 '포스팅 작성 완료 후' 발행을 하고 나면 그때서야 글자크기가 설정한 수치대로 나오게 된다는 점 반드시 알아두시고 오해 없으시길 바랄게요!

 

 

<작성 중>

 

포스팅 작성 중에는 글자크기가 변하지 않는다

 

 

<작성 후>

작성 후 본문을 보면 글자크기가 커진 상태로 적용되어 있다

 

 

 

 

 

 

---

 

 

 

 

이렇게 해서 북클럽(Book Club) 스킨을 예시로 든 티스토리 본문 글자크기 (폰트크기) 설정하는 법을 알아봤습니다.

티스토리 블로그는 관리 페이지에서 글자크기를 조절하는 직관적인 기능이 없어서 직접 CSS 편집까지 해줘야 하는 불편함이 있어서 티스토리 블로그를 처음 시작하는 분들이라면 아마 곤란한 점이 많으셨을 거라고 생각되네요. 저 역시 처음엔 방법을 몰라서 곤란했고요.

아무튼 다음 포스팅에서는 북클럽(Book Club) 스킨 뿐만 아니라 티스토리에서 기본으로 제공하는 다른 반응형 스킨들의 본문 글자크기 설정하는 법에 대해서 다뤄보겠습니다.

북클럽(Book Club) 스킨이 아닌 다른 스킨을 사용하는 분들은 다음 포스팅에서 필요한 정보를 얻어가실 수 있기를 바랄게요.