티스토리 블로그 글자 크기 바꾸기

티스토리 왓에버 스킨에서 생긴 문제점

티스토리 블로그를 시작하면 글자 크기가 너무 작아서 글자 크기를 바꾸고 싶다는 생각이 드셨던 분들이 많으실 겁니다. 

제 개인적인 경험을 바탕으로 티스토리 블로그에서 글자 크기 바꾸는 방법에 대해 최대한 쉽게 설명해보겠습니다.   

 

 

티스토리 블로그를 작성한지 얼마 안 되는 초보 블로거로서, 저는 얼마전 글자 크기 때문에 애를 먹었던 경험이 있는데요. 

처음 티스토리 블로그를 시작하면서 왓에버 스킨이 제일 괜찮아 보여서 선택했었고, 5-6개 정도 포스팅을 올릴 때까지는 모바일에서 따로 제 글을 확인하지는 않았었습니다. 

그러다 어느 날 모바일로 확인을 해보니 글자 크기가 너무 작더라고요. PC에서도 상대적으로 글자 크기가 작은 편이었는데 모바일은 도저히 읽을 수조차 없는 크기더라고요. 

 

처음 발견했을 당시 모바일에서의 글자 크기를 캡쳐한 사진인데요, 이 크기로는 도저히 읽을 수가 없어서 여기저기 확인해 보고 티스토리 블로그 글자 크기 변경하는 방법에 대해서 찾아봤습니다. 

 

티스토리 블로그에서 글자 크기 변경하는 방법

그럼 우선 티스토리 블로그에서 글자 크기 변경하는 방법부터 알아보도록 하겠습니다. 

 

우선 메인 화면의 꾸미기에서 스킨 편집을 클릭합니다.

 

 

이 화면에서 오른쪽 상단에 있는 html 편집을 클릭하면 아래의 화면이 나옵니다. 

 

 

오른쪽 상단에 있는 CSS를 클릭하고 들어가면 되는데, CSS는 스킨 꾸미기나 설정 변경과 관련된 명령어를 입력하는 기능이라고 생각하시면 될 것 같습니다. 

 

 

여기서 오른쪽 CSS 칸 아래 문단 내에서 아무곳에나 클릭한 후 Ctrl+F 를 누르면 상단에 검색창이 뜹니다.

그 검색창 안에 .entry-content p 를 입력하면 해당 부분이 검색되어 노란색 띠로 표시되어 나옵니다. 

 

여기 entry-content p에서 font-size 를 원하는 크기로 조절하시면 되는데, em은 단위니까 거긴 그대로 놔두시고 숫자만 바꿔서 입력하시면 됩니다

여기서 폰트 사이즈를 변경한 후 상단의 적용 버튼을 누른 후, 옆에 있는 창의 오른쪽 상단에 있는 새로고침을 누르면 글자 크기가 바로 반영되니까 PC와 모바일에서 각각 글자 크기가 어떻게 반영되는지를 확인하시고 적당한 폰트 사이즈를 결정하시면 됩니다. 

그리고 폰트 사이즈 아래에 있는 line-height 는 문장의 상하 간격인데 문장이 너무 붙어있어서 조금 널찍하게 띄우고 싶으시면 여기에서 적당한 숫자로 변경하시면 됩니다. 

그리고 entry-content p는 본문 글자 크기를, 그 위에 있는 entry-content h1, h2, h3, h4는 제목 크기를 변경하는 기능이니까 참고하세요.

 

단, 스킨에 따라 entry-content에서 글자 크기를 조절해야 하는 경우도 있고, article view에서 조절해야 하는 경우도 있으니 참고하시고, 제가 처음에 선택했던 왓에버나 나중에 변경한 북클럽은 전부 entry-content로 변경했습니다. 

 

스킨 선택은 신중하게

앞에서도 말씀드렸듯이 저는 처음에 왓에버 스킨을 사용했었는데, 위에서 설명했던 과정을 거쳐서 모바일에서 글자 크기가 작게 보이는 현상을 수정하려고 이리저리 크기 변경을 해봤는데, entry-content에 입력하는 폰트 사이즈에 따라 PC와 모바일이 연동되어 있어 입력한 수치에 따라 PC와 모바일 모두 글자 크기가 반영되었습니다. 

단, 한 가지 문제는 그 비율이 전혀 맞지 않았다는 것인데요. 

 

 

이렇게 모바일에서 읽기 편한 수준의 글자 크기로 변경이 되면 아래 화면처럼 PC에서는 글자 크기가 너무 커서 읽기 불편해진다는 점인데요. 

 

왼쪽은 모바일에서 읽기 적절한 글자 크기가 되었을 때 PC에서 무지막지하게 커서 읽기 부담스러운 글자 크기이고요, 오른쪽은 제가 원하는 PC에서의 글자 크기입니다. 

 

제가 봤을 때는 CSS에 모바일과 PC의 글자 크기 비율을 조절하는 기능도 있으리라 예상하는데, 저는 코딩에 대해서는 잘 모르기도 하고, 어디를 찾아봐도 정보를 찾을 수가 없어서 결국에는 모든 리스크를 감수하고 스킨을 변경했습니다.

북클럽으로 스킨을 변경한 후에는 앞서 왓에버에서 보였던 글자 크기 문제는 바로 사라지더라고요. 

 

혹시 저와 비슷한 문제로 고민하고 계신 분들이 계신다면, 그리고 아직 해결책을 찾지 못하셨다면, 안타깝지만 스킨 변경을 고려해보시라고 말씀드리고 싶습니다.

 

그리고 처음 티스토리 블로그를 시작하시는 분들도 최초에 스킨을 선택하실 때 가급적 많은 분들이 사용하고 계신 북클럽 스킨을 사용하시는 것을 추천합니다. 

저만 그런건지 보편적인 문제인지는 모르겠지만, 왓에버 스킨을 최초 선택하고 글자 크기를 알맞게 조절하지 못해 하루를 고생하며 날려야 했던 경험자로서 드리는 말씀입니다.