[블로그] 티스토리 본문 글자간격(자간), 줄간격, 폰트 서식 변경하기

티스토리 본문 글자간격(자간), 줄간격, 폰트 서식 변경하기

 

환경 : Internet Explorer 11

 

티스토리에 들어가는 본문글의 서식들을 변경하는 방법에 대해 알아 보겠습니다. 폰트, 줄간격, 색상, 줄간격등을 제어하는 CSS 정보를 변경할 것입니다. 글 내용뿐만 아니라 서식은 자기만의 스타일이 있습니다. 남들과 다른 개성 있는 본문 작성을 위해 CSS 변경하는 방법을 알아 두면 좋겠죠.

 

▼ 툴을 이용해서 본문에 들어간 글을 제어하는 CSS 값이 어떤것인지 확인한 결과 style.css 에 있는 .article 클래스 입니다.

 

 

▼ 본문 CSS 정보는 아래와 같습니다. 여기에 있는 정보들을 수정하면 되겠죠.

 

l  폰트색상 : /*@post-body-color=:#666666;*/color: #666666;

l  폰트종류 : /*@post-body-font-family=:;*/font-family: dotum;

l  줄간격 : line-height: 210%;

l  글자간격 : letter-spacing:1px;

 

 

 

▼ 값을 적용하기 위해 티스토리 관리자 페이지로 갑니다. 그리고 왼쪽 메뉴에서 HTML/CSS 편집 메뉴를 클릭합니다.

 

 

▼ HTML/CSS 편집 페이지에서 Ctrl + F 를 눌러 검색 박스를 엽니다. 검색 박스에 .article 입력하면 아래 그림과 같이 style.css 란에서 해당 값을 찾아 줍니다.

 

 

▼ .article CSS 값을 변경해서 적용하시면 본문의 내용이 설정값에 따라 변경될 것입니다. 이상으로 티스토리 본문 글자간격, 폰트크기, 색상, 라인간격을 바꾸는 방법에 대해 알아보았습니다.