Material T 글자 크기 조절하기

iTIPs/Material T Skin 2016. 8. 1. 17:35

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

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;
  }
}