DIGGING💡/티스토리 TIP

티스토리 줄간격 조정하는 방법

mon_bleuu 2022. 7. 13. 14:41

📌 티스토리 본문 줄간격 조정하는 방법

글을 쓸 때 어떤 점이 가장 중요하다고 생각하시나요? 주제, 이미지, 구성 등 여러 요소가 존재하는데요. 그 중에서도 빼놓을 수 없는 요소는 바로 '가독성'입니다.좋은 콘텐츠를 발행하더라도 가독성이 떨어지면 읽다가 피곤해지고, 집중력이 떨어지는 거죠.  폰트 크기, 폰트 사이즈, 문단 나누기 등 가독성에 영향을 미치는 여러 요소들이 있지만, 특히나 줄간격이 중요합니다. 그래서 오늘은 티스토리 본문의 줄간격을 조정하는 방법을 소개해볼게요!


 

 티스토리 줄간격 바꾸는 방법  

HTML 편집을 통해 티스토리 본문의 줄간격을 조정해볼게요. 이해하기 쉽도록 제가 실제 티스토리 글에 적용한 줄간격 크기들을 사진으로 비교하면서 참고용으로로 보여드릴게요. 우선 블로그 관리 - 꾸미기 - 스킨 편집 - HTML 편집으로 들어가 주세요. CSS를 클릭한 후 Ctrl + F를 눌러 article-view p를 검색합니다.

티스토리 줄간격 조정 CSS 편집

위의 사진 속 빨간 박스 안에서 line-height(줄간격)의 값을 바꿔주면 됩니다. 위의 박스는 PC에서 보이는 본문이고, 아래 박스는 모바일(1060px 이하)에서 보이는 본문을 의미합니다. 적절한 사이즈 값을 입력하신 후에 맨 오른쪽 상단의 '적용'을 눌러주시면 끝! 사이즈는 제가 예전에 써둔 본문 크기 조정 관련 글에 폰트 사이즈와 관련하여 도표와 사이트를 정리해두었으니 참고해주세요. 

https://mon-bleu.tistory.com/17?category=1071922

 

티스토리 본문 크기 조정하는 방법 (사이트O)

📌 티스토리 본문 글씨 크기 조정하는 방법 네이버 블로그와는 달리 자유롭게 편집이 가능한 티스토리는 각자만의 취향으로 꾸미고 싶으신 분들이 많으실텐데요. 배너, 카테고리 등 여러 가지

mon-bleu.tistory.com

 

제 티스토리의 줄간격은 28px로 설정해두었는데요. 19px, 25px, 31px 를 실제 설정해본 후에 적절한 사이즈인 28px를 찾았습니다. 참고용으로 해당 사이즈 실제 티스토리 본문에서는 어느 정도로 보이는지 사진으로 보여드릴게요.

 

 

티스토리 줄간격 : 19px

티스토리 줄간격 19px
19px 줄간격 예시

 

티스토리 줄간격 : 25px

티스토리 줄간격 25px
25px 줄간격 예시

 

티스토리 줄간격 : 31px

티스토리 줄간격 31px
31px 줄간격 예시

 

여기서 잠깐!!!

서 말했듯 PC와 모바일 2가지 버전의 줄간격을 모두 바꾸었는데, 모바일에서 바꾼 줄간격이 완벽하게 적용되게끔 하기 위해서는 한 단계가 더 남아있어요. 티스토리의 설정에서 꾸미기-모바일로 들어가주세요. 맨 상단의 티스토리 모바일웹 자동 연결을 [사용하지 않습니다]로 설정해주시면 티스토리 본문 줄간격 조정 완료!