티스토리에서 줄 간격, 글자 간격 수정 방법

티스토리에 포스팅을 하다보면 이렇게

 

 

행간 = 줄 간격, 자간 = 한 글꼴 사이의 간격과 폰트크기 문제였던 적이 있었을 것이다.

 

폰트크기야 다른 앱(ex에버노트)을 사용해서 끌어온다면 별 상관없지만

 

에버노트도 자간과 행간은 따로 맞추는게 있지 않아서 간단하게 티스토리의 스킨을 편집하면 된다.

 

먼저 설정창을 킨뒤 - 스킨편집에 들어간다.

 

여기서 바로 수정을 해도 괜찮지만 자신이 자유롭게 수정한 결과물을 볼 수 있어야 하므로

홈을 글로 선택하고

html편집을 클릭한다.

 

 

 

그럼 영어로된 창이 뜨는데 여기서 ctrl + f를 눌러준다.

 

 

 

그리고는 검색에서 article_rep_desc 를 찾아준다.

 

 

 

여기서 우리는 저기 div 클래스를 수정해야한다.

 

여기서 먼저 알아야 할 문법으로

 

style은 스타일을 설정하겠다는 것인데.

line-height:190% 는 줄 간격(행간)을 190%로 설정하겠다는 것

letter-spancing:0.5px 는 글자 간격(자간)을 0.5px 만큼 설정 하겠다는 것이다. 저 수치는 알아서 변경하면 된다.

 

그래서 완성된 문장은

 

<div class="article-view" style="line-height:190%; letter-spacing:0.5px;">

이것이다.

중요한것은  div사이에 < >로 무조건 닫아주고 세미콜론이 빠져서는 안된다.

 

 

이렇게 적고 적용 새로 고침을 눌러주면

 

 

이렇게 깔끔하게 변한 것을 확인 할 수 있다.

 

 

예외로 폰트 사이즈 변경은

 

<div class="article-view" style="line-height:180%; letter-spacing:0.5px; font-size:40px; ">

이런식으로 하면된다.