본문 바로가기
블로그/티스토리

티스토리 블로그 CSS 수정으로 글자 크기 조정하는 방법

by 부지런해야잘산다. 2020. 8. 19.
반응형

현재 티스토리 블로그에서는 포스팅을 할 때 구에디터와 신에디터를 같이 사용할 수 있습니다. 구에디터의 좋은 점이라고 한다면 신에디터에 비해 폭넓게 포스팅을 꾸밀 수 있다는 점이겠죠.. 그중에서도 대표 썸네일과 글자 크기를 조절할 수 있다는 점이 가장 매력적인 기능인 것 같습니다. 왜냐하면 대표 썸네일과 글자 크기는 방문자 유입과 재방문율을 높이기 때문이죠. 현재 신에디터에서는 대표 썸네일을 넣어도 노출이 안 되는 경우가 많기 때문에 한 명의 방문자라도 유입을 시키고 싶다면 오류가 나지 않는 구에디터를 사용하여 포스팅을 진행하시면 됩니다.

 

현재 신에디터에는 글자 크기를 조절할 수 있는 옵션이 없기 때문에 CSS에서 수정하여 진행해 주셔야 합니다. 글자 크기가 커지면 읽는데 편하기 때문에 가독성이 올라갑니다. 그럼 내 포스팅의 글을 읽는 방문자도 편하게 볼 수 있고 이로 인해 재방문율을 기대할 수 있는 것입니다. 그럼 직접 수정을 통해 글자 크기를 키워보도록 하겠습니다.

 

 

 

 



font-Size 값 수정하기

 

티스토리 블로그에 기본적으로 적용되는 font-size는 0.9375em입니다. 이 정도로 글을 읽고 이해하는 것은 문제가 없지만 가독성을 높이기 위해서 폰트 사이즈를 변경해 볼 것입니다.

 


폰트 사이즈를 변경하기 위해서는 CSS를 수정해 주시면 되겠습니다. 블로그 관리자 탭에서 스킨 편집을 클릭합니다.

 

 


html 편집을 클릭합니다. 하신 후에 CSS를 클릭합니다.

 


CSS에서 Ctrl+F를 눌러서 노란색 검색 창을 띄우신 다음 entry-content p 붙여 넣기 하셔서 엔터를 눌러보시면 아래와 같이 이동이 되실 것입니다. 현재는 1.1em으로 수정됐지만 기본 글자 크기는 0.9375em입니다. 여기서 1.1, 1.2, 1.3 이런 식으로 바꿔가면서 자신이 원하는 글자 크기를 설정하시면 됩니다. 0.1씩 바꿔도 단위가 커지기 때문에 급격하게 확 바꾸시면 안 됩니다. 

 


변경 전 후 비교해보기

 

글자 크기를 변경했더니 글자 크기가 커지면서 훨씬 더 가독성 있는 포스팅이 됐네요.. 아래 사진은 변경 전 사진입니다. 글자크기 0.9375em

 

 


아래 사진은 변경 후 사진입니다.

글자크기 1.1em

 

어떠신가요?? 글자 크기가 커져서 눈으로 읽기에도 더 편하게 된 것 같습니다. 현재 신에디터를 적용하는 몇 가지 스킨에 적용해 봤는데 똑같이 해도 되는 것을 확인했습니다. 다만 티스토리에서 기본으로 제공되지 않는 스킨에서도 적용이 되는지는 잘 모르겠습니다. 방금 고래 스킨에서 같은 방법으로 CSS에서 글자 크기를 조정해보려고 했지만 안 되는 것을 확인했습니다. 다른 스킨을 사용하시는 분들은 따로 방법을 찾아봐야 될 듯싶네요....

 



마치며...

 

오늘은 이렇게 글자 크기를 변경해 봄으로써 가독성을 높이는 포스팅을 만들어보았습니다. 꾸준한 방문자를 유치하기 위해서는 양질의 포스팅이 가장 중요하지만 지금처럼 글자 크기를 변경해 주는 것도 중요한 것 같습니다. 다만 CSS수정이다 보니 스킨을 변경하면 다시 변경해줘야 하는 번거로움이 있다는 점 참고하시면서 오늘의 포스팅은 여기서 마치겠습니다. 읽어주신 모든 분들께 감사드립니다.

반응형

댓글