본문 바로가기
IT

티스토리 본문 폰트 크기 & 줄 간격 수정

by cktv 2023. 11. 15.

가독성을 높이기 위해서 티스토리 블로그 본문 폰트 크기, 줄 간격, 컬러 수정한다.

대표 이미지

티스토리 폰트 크기 & 줄 간격 등 수정

1.  Entry Content

경로 : 블로그관리홈 > 꾸미기 > 스킨 편집 > html 편집 > CSS

라인 넘버는 다를 수 있다.

① (검색) Ctrl + F :  Entry Content 검색

② entry-content h1 ~ h4 와 entry-content p 를 확인한다. entry-content p 가 본문 폰트다.

(1442) .entry-content p {
(1443) margin-bottom: 32px;
(1444) word-break: break-word;
(1445) font-size: 0.9375em;
(1446) line-height: 2;
(1447) color: #555;
(1448) }

2. 폰트 크기 수정

① (1445) font-size: 0.9175em

② 0.9375em 은 15px 정도 크기다. 원하는 크기로 변경한다.

③ 0.9375em ▶1.06em (17px)

3. 줄 간격 수정

① (1446) line-height: 2

② 원하는 간격으로 수정한다.

③ 유지.

4. 폰트 컬러 수정

① (1447) color: #555;

② 원하는 컬러로 수정한다.

③ 유지.

5. 폰트 굵기 수정

① font-weight 태그를 추가한다.

② 원하는 굵기를 입력한다.

③ font-weight: 400;

 

티스토리 사이드바 위치 고정

스크롤 시, 티스토리 블로그 사이드바 위치를 고정한다. 티스토리 사이드바 위치 고정 1. html 수정 경로 : 블로그관리홈 > 꾸미기 > 스킨편집 > html 편집 > HTML ① (검색) Ctrl + F : #aside검색 (351) #aside

cktv.tistory.com