티스토리 블로그 줄,글자 간격 수정하여 가독성 높이는 방법

티스토리 블로그를 이용할 때 고민 중에 하나가 바로 가독성 문제다. 글자간격이나 포인트가 너무 빡빡하거나 그렇다고 너무 널럴하면 독자 입장에서는 싫증이 나서 눈에 피로가 쌓여 다 읽기도 전에 가버리는 경우가 부지기수 이기 때문이다. 늘 나도 그런 문제 때문에 고민 이었고, 매번 포스팅 할때마다 글자간격이나 크기를 설정해야 했던 기억이 났다.

그러다가 우연히 인터넷에서 특히 티스토리 같은 경우에는 테그를 조금만 수정하면 굳이 매번 수정할 필요가 없는 방법을 찾게 되서 직접 해보고 편리해서 이 곳에 공유하려고 한다.

1. 수정할 부분을 찾아라!

먼저, HTML/CSS 편집을 눌러 skin.html 로 이동.
찾기를 이용하여 article_rep_desc 를 검색하면 빨간 박스 친 코드가 검색이 되고, 그 위에 <div class="article">이나 <div id class="article">를 찾을 수 있다.

2. 본인의 구미에 맞게 수치를 조정해라!

줄간격의 경우 180% ~ 210% 정도가 보통 읽기 좋다. 줄간격을 210%로 수정하려면

<div class="article" style="line-height:210%;"> 로 수정해 주면 되는데 본인은 180%정도로 수정하였다.

(좀 더 넓직하게 하고 싶은 사람은 200%, 210% 로 고쳐도 되지만, 적용하기 전에 미리보기로 한번 확인하고 나서 적용하자!)

 style="line-height:숫자."   -->줄간격

 letter-spacing:1px;"   -->글자간격

위에 사진은 내 블로그의 html 코드다. 일단 글자간격을 나타내는 letter-spacing:1px 고쳤다.

예를 들면 줄간격을 210%, 글자간격을 1px 벌리길 원한다면

<div class="article" style="line-height:210%; letter-spacing:1px;">로 수정해 주면 손쉽게 고칠 수 있다.

 

숫자 부분을 기호에 맞게 고쳐 주시면 만사 오케이!

수정하고 저장해 주시면 기존의 쓰여있던 포스트들 까지 일괄적으로 적용됩니다.

이상 가독성을 높이기 위한 티스토리 글자간격, 줄간격 수정방법에 대해 알아보았다. 두고두고 필요할 때 유용하게 수정하여 즐거운 블로깅을 할 수 있도록 하자!