이번 강좌는 글자 크기를 조절하는 방법입니다.


    1. 가장 간단한 방법

    이 방법은 Material T 뿐만 아니라 대부분의 스킨에서 적용 가능한 방법입니다.

    CSS에 다음을 추가하고 알맞은 숫자로 수정합니다.

    body{

      font-size:12pt;

    }



    (이하는 Material T 전용)


    2. 본문 폰트 크기만 수정하기

    위의 방법으로는 페이지 전체의 글자 크기가 변하기 때문에 본문 글자 크기만 바꾸고 싶다면 아래를 CSS에 추가합니다.

    .article {

        font-size: 12pt!important;

    }



    3. 모바일에서와 데스크탑에서 폰트 크기 따로 지정하기

    CSS에 다음울 추가하고 알맞게 수정합니다. 

    (1.2.에서와 마찬가지로 전체에 적용하려면 'body'를, 본문에만 적용하려면 '.article'을 사용합니다.)

    /*모바일 에서*/

    body {

        font-size: 12pt!important;

    }

    @media (min-width: 768px){/*태블릿 에서*/

      body {

          font-size: 12pt!important;

      }

    }

    @media (min-width: 1024px){/*데스크탑 에서*/

      body {

          font-size: 12pt!important;

      }

    }



    4. 스킨위자드로 수정하기

    스킨-스킨 위자드 - 게시글 탭에서도 글자 크기를 조정할 수 있습니다.

    CSS수정과 중복적용하는 경우 CSS값이 우선이니 주의하세요.

    저작자 표시 비영리 동일 조건 변경 허락
    신고
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon 백수생활
      2016.08.26 09:28 신고

      스킨위자드로 할 경우 12px로 할경우 실제 글 쓸때는 9pt로 강제변환되더라고요. 이게 첨에는 오류인줄 알았으나
      알고보니 px랑 pt가 단위가 다른거라 16px=12pt였다는... ㅠㅠ

      • BlogIcon 뭐하라
        2016.08.27 00:20 신고

        스킨위자드는 px밖에 지정이 안돼서 아쉽죠 ㅠㅠ

    • BlogIcon 백수생활
      2016.08.27 00:22 신고

      저처럼 무지한 사람은 스샷보고 착각할수도 있다는 생각이들어요.
      근데 따로 댓글이 안달린거보니 저만 착각한듯 싶네요.따로 별도로 본문에 설명 추가 안해주셔도 될듯

      • BlogIcon 뭐하라
        2016.08.27 00:37 신고

        백수생활님댓글이 모르는 분들께 도움이많이될것같네요~

    • BlogIcon 옹봉이
      2017.04.29 16:01 신고

      PC랑 모바일 본문 글자 크기를 다르게 하고싶어서 설정했더니 표 안에 있는 글자는 변동이 없네요. 다른 방법을 써야하나요?

      • BlogIcon 뭐하라
        2017.04.29 16:37 신고

        티스토리에서 표를만들면 글자크기까지 지정해서 css로는 수정을할수가 없습니다
        글쓰실때 html편집모드 들어가서 표에 들어간 font-size들을 모두 지워주시면 적용되긴할겁니다

    • BlogIcon 옹봉이
      2017.04.30 00:50 신고

      와! 감사합니다. 표에서 font-size 모두 지워주니 되네요.

    • BlogIcon 만년나무
      2017.09.06 11:53 신고

      드로어 창 크기 어떻게 늘리나요? 다른건 되는데 드로워 창크기좀 늘렸으면 하는데 없던데 코드추가해야합니가:?

티스토리 툴바