본문 바로가기
👩🏻‍💻 티스토리-LOG

티스토리 제목/본문 글씨 크기 일정하게 세팅하기(북클럽스킨)

by 셀리나I 2023. 4. 9.
반응형

 

티스토리-제목-본문-글씨크기수정
티스토리-제목-본문-글씨크기수정

 

티스토리 블로그는 개설로 끝나는게 아니라 모든것을 html / css를 통해 편집해야합니다. 

그래서 다른 블로그보다 훨씬 어렵다고 느끼게 되는거 같습니다. 

 

그러던 중 블로그에 글을 업로드 하다가 발견한 글씨 크기!

 

제목과 본문에 따라 글씨 크기가 순차적으로 변하기 때문에 맘대로 조정할수도 없더라구요.

글의 내용이 제목1 >2>3, 본문 1>2>3으로 변경될수록 글씨의 크기가 작아지는데 이부분이 마음에 들지않아 일정한 크기로 변경하여 주려고 합니다.

 

그래서 html편집을 통해 양식은 그대로 유지되지만 글씨크기만 수정될수 있도록 변경하려고 합니다.

 

🔎 제목 /본문 글씨 크기 수정

관리 → 스킨편집 → html편집 / CSS탭을 선택

빈 여백공간에 탭하여 Ctrl + F를 통해 <entry-content> 를 검색해줍니다.

 

티스토리-CSS티스토리-CSS
티스토리-CSS

 

Entry Content에서 h1은 포스팅의 큰 제목을 의미하고, h2, h3,h4는 본문에서의 제목을 의미하며, font-size가 점점 작아지는걸 볼수 있습니다.

 

저는 이걸 전부 1.5em사이즈로 동일하게 수정해 줬습니다.

 

티스토리-CSS-티스토리-CSS-
티스토리-CSS-

 

<entry-content p>도 변경을 해줍니다. 

 

여기서 변경하는 font-size는 본문의 폰트 사이즈 입니다.

 

word-break / word-all줄바꿈의 형태를 나타내는데 줄의 길이에 맞게 두 문자 사이에도 줄바꿈이 발생할수 있습니다.

차이라고 한다면 word-all은 영어로 바꾸었을때 한 단어씩 줄바꿈이 실행된다고 합니다.

 

 

아무튼-정보LOG
아무튼-정보LOG

 

728x90
반응형

댓글