티스토리 리스트 들여쓰기 폰트 사이즈, 글 줄 간격, 조정 방법

티스토리에서 글 쓰다 보면 리스트를 사용해서 들여쓰기를 할 때가 있는데요. 포스팅 발행하고 나면 들여 쓰기 해서 쓴 글자 크기가 너무 작더라고요. 티스토리는 HTML을 이용해야 한다는데 저는 왕초보라 하나씩 실험하는 수밖에 없어서 포스팅을 해보려고 합니다.

 

 

티스토리 리스트 들여쓰기 폰트 사이즈 조정

티스토리 리스트 들여쓰기 폰트 사이즈 조정하고 싶어서 테스트 차원에서 리스트를 만들었습니다. 아무 말을 적어 보았습니다.

• 안녕하세요. 티스토리 리스트 들여쓰기 테스트입니다. 보통 들여 쓰기를 하면 폰트 사이즈도 작아지고 글 간격도 좁아지고 아무래도 가독성이 떨어지더라고요. 어떻게 해결할 수 있을까 알아보고자 합니다.
• 두 번째 리스트까지 만들었습니다. 지금 글을 쓸 때는 기존 글쓰기 폰트나 글 간격이 차이가 없는데요. 발행하고 나면 작아지고 좁아져 있어서 초보 블로거인 저는 당황스러웠습니다.

 

우선 제가 실시한 방법은, HTML → CSS → entry-content up li 에서 사이즈 변경을 하였습니다. 여러 블로그를 다니며 찾은 방법인데, 먼저 티스토리를 운영하시고 HTML에 대해서 지식 나눔 해주신 선배님들 감사합니다. 제가 초보 블로거라 제대로 하는지 항상 의문이에요.

 

우선 1번 폰트 사이즈를 1.13em 맞춰주었습니다. 그리고 2번 줄 간격도 1.5714에서 2.0으로 변경해보았습니다. 제가 초보라 글 발행해놓고 더 수정하고 글도 수정해야 할 것 같아요^^;;

고수님들은 페이지 안에서 CSS를 찾아보시고 HTML에서 바로 적용하시던데 정말 대단하신 것 같아요.

 

 

정리

글 발행하고 나서 내용 추가하는 중입니다. font-size와 line-height 사이즈를 수정 전, 후 비교사진 입니다. 훨씬 나은 것 같아요!

 

수정 전

티스토리-들여쓰기

수정 후

• 폰트 사이즈 : 1.13em
• 줄 간격 사이즈 : 2.0

티스토리-들여쓰기-수정

 

아 그런데 리스트로 했을 때 두줄 이상 넘어가면 한번 더 들여쓰기가 되는 느낌이네요? 그건 padding-left와 line-height를 조절하면 되는 것 같아요! 리스트 들여쓰기 글자 크기, 줄 간격, 들여쓰기 간격 모두 취향에 맞게끔 조절 해주시면 될 것 같습니다.

 

오늘은 티스토리 리스트, 들여쓰기에 대해서 알아보았습니다. 티스토리 HTML에서 들여쓰기 글자 크기가 글 간격 조절하기 위한 글이었습니다. 저처럼 초보 블로거님들이 계시다면 조금이나마 도움이 되었으면 좋겠습니다.

 

 

 

2021.12.19 - [생활정보] - 티스토리 블로그 별 닉네임 설정 가능

티스토리 블로그 별 닉네임 설정 가능