티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법

워드프레스 정보를 제공하는 블로그 Avada 2019. 9. 26. 14:57 • 댓글:

이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 스킨에서 본문 글자 크기를 변경하고 싶은 경우 아래 내용을 참고해보세요.

저는 스킨을 변경하면 제일 먼저 본문 글자 크기를 키웁니다. 이제 노안이 들 나이가 되어 글자 크기가 작은 사이트의 글을 잘 안 보게 되네요.ㅠㅠ

아래의 내용은 북클럽 스킨을 예를 들어 본문 글자 크기를 키우는 방법을 설명했지만, 다른 스킨에서도 그대로 응용이 가능합니다. 제대로 적용되지 않을 경우 댓글에 주소를 남겨주시면 CSS 코드를 확인해드리겠습니다.

목차

    티스토리 Book Club (북 클럽) 스킨에서 본문 글자 크기 변경하는 방법

    북 클럽 스킨에서 본문 글자 크기를 키우려면 다음과 같은 CSS 코드를 추가하면 됩니다.

    /* 북클럽 스킨 본문 글자 */
    .entry-content p {
         word-wrap: break-word; 
         font-size: 1.25em;
    }
     
    .entry-content a {
    word-wrap: break-word
    }
     
    /* 본문 제목 */
    .post-cover h1 {
        font-weight: 500;
    }
     
    
    /* 목록 */
     
    .entry-content ul li,
    .entry-content ol li {
      font-size: 1.2em;
    }
     
    
    .entry-content ul li p,
    .entry-content ol li p {
        display: inline;
       font-size: 1.0em;
    }

    위와 같은 코드를 넣으면 글자 크기가 이 블로그와 같이 표시될 것입니다. 숫자를 적절히 변경하여 원하는 크기로 지정해보시기 바랍니다.

    그리고 모바일에서 줄간격(line height)이 너무 좁은 경우 다음과 같은 코드도 함께 추가하도록 합니다. (기기 해상도에 따라 레이아웃을 다르게 하려면 CSS 미디어쿼리를 사용하면 됩니다.)

    @media only screen and (max-width : 783px) { 
    .entry-content p {
           line-height: 1.8em;
    }
    }

    북클럽 스킨 글자 크기

     

    티스토리 블로그에서 CSS 코드를 추가하려면 티스토리 로그인 페이지에서 꾸미기 > 스킨 편집 > html 편집 > CSS 탭을 차례로 클릭하면 됩니다.

    티스토리 스킨 편집

    코드를 CSS 섹션의 맨 아래에 입력해보세요.

     

    북클럽 스킨 커스텀하기