본문 바로가기

정보

티스토리 줄간격 늘이기


안녕하세요. 데일리 융입니다.
오늘은 티스토리 줄 간격 늘이는 방법에 대해 알아보겠습니다.
티스토리에 글을 쓰다 보니 티스토리에 처음 적용되어 있는 줄 간격이 조금 좁다는 생각이 들었습니다. 줄 간격이 좁다 보니 가독성이 떨어지고 답답한 느낌이 들었습니다. 티스토리는 단순하게 줄 간격 버튼이 있는 것이 아니라 html 편집을 할 줄 알아야합니다. 초보자들에게는 참 어려운 일인데요. 저도 한참 찾아본 뒤 줄 간격을 늘일 수가 있었습니다. 혹시 저와 같이 티스토리 줄 간격을 늘이기를 원하시는 분은 다음과 같이 적용해보시길 바라겠습니다.

 


1. 스킨 편집
우선 티스토리 관리자 페이지에서 [스킨 편집]을 찾아주세요.

 



2. [html 편집]
html 편집을 클릭합니다.

 



3. [CSS]
CSS로 들어갑니다. CSS는 스타일 시트입니다. CSS에서는 글자의 크기, 폰트, 줄 간격, 배경 색상 등을 선택, 변경할 수 있습니다.

 



3. [Crtl + F] - content 혹은 line-height 검색
이제 본문 내용의 줄 간격을 수정할 부분을 찾아주어야 합니다. [Crtl + F]을 눌러 content 혹은 line-height 검색하여 찾아줍니다. 스킨에 따라 전체 내용 줄 간격이 있는 위치가 다릅니다. 저는 Poster 스킨을 사용하고 있습니다.

 



4. [줄 간격 수정]
이제 본문 내용 줄 간격의 위치를 찾았으니 줄 간격을 수정하기만 하면 됩니다. 처음에는 1.6으로 설정되어 있는데, 저는 2.0으로 변경해주었습니다.

 


 

줄 간격을 1.6에서 2.0으로 변경한 결과입니다.

 

[변경 전]

 

[변경 후]

 


줄 간격이 넓어지니 가독성이 좋아지고 답답함이 줄어들었습니다. html 편집을 해야 한다고 하니 처음에는 막막했는데, 차근차근하다 보니 생각보다 재미있고 html 편집을 할 수 있다면 더 멋진 블로그를 만들 수 있겠다는 생각이 들었습니다.
이상으로 글을 마치겠습니다. 감사합니다:)