본문 바로가기

온라인 마케팅/블로그

티스토리 자간 (글자 간격), 줄간격 설정하기

여러 블로그들을 방문하다보면 유독 글자들이 술술 잘 읽히는 블로그가 있다.

그러한 블로그 들의 공통점을 살펴보니,

바로 글자 간격, 줄 간격을 수정하여 가독성을 최적화한 것이었다.

 

티스토리 기본 설정의 글자간격, 줄간격은 매우 촘촘하여 눈이 아프다. (왜 이렇게 해놓은겨ㅜㅜ)

간단한 작업으로 가독성 좋은 블로그로 거듭날 수 있으니 여러분들도 글자 간격과 줄 간격을 수정하시기를 권장한다.

 

그럼 블로그의 글자 간격, 줄 간격 설정 방법을 알아보도록 하자.

 

1. 관리자 페이지로 이동한다.

 

2. HTML/CSS 편집을 클릭하여 다음과 같이 skin.html 을 수정한다.

 

(이미지가 잘 안보일 경우 클릭해서 보세요!)

 

'Ctrl + F' (찾기) 입력하여 "article"을 검색한다.

몇개의 'article' 이라는 단어가 검색되는데

'##_notice_rep_desc_##' 상단에 있는' 'article' 부분을 수정하면된다.

 

기존의 내용을

 <div class="article">

 

아래와 같이 수정한다.

 <div class="article" style="line-height:180%; letter-spacing:1px;">

 

여기서 'line-height' 는 줄 간격을 의미하며,

letter-spacing 는 글자 간격을 의미하니

본인 취향에 맞게 수치를 수정하여도 무방하다.

수정이 완료 되었으면 저장하는 것 잊지말자!

 

티스토리 본문 글자색을 변경하려면?

다음 포스팅을 참고하시길

티스토리 본문 글자색 변경하기 (색상표 참조)