Please Enable JavaScript!
Gon[ Enable JavaScript ]

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

블로그
반응형

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

 

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

반응형
Posted by 녹두장군

댓글을 달아 주세요

  1. Favicon of https://eugeneda.tistory.com Eugeneda 2021.05.03 04:18 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 도움이 됐어요