반응형


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


    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 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함