티스토리 본문 줄간격 바꾸기 (스킨 CSS 편집)

티스토리 매거진(Magazine) 스킨을 사용 중인데 본문의 줄간격이 좁아 빡빡한 느낌이다(읽기 조금 불편). 아무래도 좀 널찍해야 보기 편한데… 그래서 줄간격을 늘려보기로 했다.

1. 스킨편집 > HTML 편집 > CSS 항목으로 가서 1400줄 근처에 있는 서브 상세페이지 - 본문으로 이동한다(Ctrl + F를 이용해 찾아가면 편리)

    CSS - Typography
    서브 상세페이지 - 본문 (Typography)


    2. 조금 내려가면 line-height라는 항목이 줄줄이 나온다. 각각 h1 ~ h4, p 태그에 대한 폰트 사이즈와 줄간격 설정이 적혀 있다. 나는 티스토리 에디터로 작성 시 기본적으로 붙는 p태그만 사용하는 편이라 .box_article .article_cont p 부분에 해당하는 부분만 바꿀 예정이고, h 태그도 사용하는 분이라면 h1 ~ h4 부분도 변경해 주면 된다.

    location to fix
    line-height 부분


    3. p태그시 적용되는 기존 폰트 사이즈(17px)의 2배(34px)로 바꾸어 보았다. 줄간격이 넓어져서 확실히 보기 편해졌다. 일단 적응해 보다가 좀 더 조정하게 되면 조정해야지.

    result
    줄간격을 넓힌 결과

    카테고리의 다른 글

    1. 네이버 서치어드바이저 색인요청 수집중복 및 보류 문제 다시 해결
    2. 티스토리 스퀘어 스킨, 새 글 new 아이콘 이미지 찌그러짐 해결하기 (Square Final 1.1.1)
    3. 워드프레스 블로그 내 검색 결과에서 작성자 이름 숨기기 (GeneratePress)
    4. 워드프레스 input 태그에 autocomplete off 속성 넣기
    5. 워드프레스 문단 배경색 지정 시 발생하는 과도한 여백 줄이기

    댓글 남기기