본문으로 바로가기
  1. Home
  2. IT & 기타/티스토리
  3. 티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법

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

· 댓글 30 · 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

이 블로그에는 현재 최근 공개된 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 섹션의 맨 아래에 입력해보세요.

     

    북클럽 스킨 커스텀하기

     

     

    SNS 공유하기
    최근 글
    30분전
    추천하는 글
    30분전
    💬 댓글 30

    이름을 저장합니다.

    가성비가 뛰어난 웹호스팅

    저렴하고 가성비 좋은 웹호스팅

    그렇군요. 저는 워프에서 드림호스트와 블루호스트 등을 ⋯

    💬본연의 힘

    필요로 하시는 분들은 참고하시면 되실 듯 합니다^^

    💬空空(공공)

    정보 잘보고갑니다😄 워드프레스 저도 나중에 해봐야겠어요⋯

    💬짱짱맘s

    감사합니다~

    💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

    유용한 정보 감사합니다^^

    💬꿀복파파

    워드프레스 시작 가이드

    워드프레스 시작하기
    이모티콘창 닫기
    울음
    안녕
    감사해요
    당황
    피폐

    이모티콘을 클릭하면 댓글창에 입력됩니다.

    프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드