삽질안하고 간단하게 minimal-mistakes테마의 폰트 크기 줄이기

업데이트:

minimal-mistakes테마의 폰트 크기 줄이는 방법을 설명하는 글입니다

안녕하세요😀 오늘은 minimal-mistakes테마의 폰트 크기 줄이는 방법을 알아볼게요!

사실 엄청 간단한데 저는 구글링해도 안나와서 찾느라 좀 오래걸렸어요ㅠㅠㅠㅠ 너무너무 간단해서 글이 짧을 것 같아요.

먼저 깃허브 블로그 레포지토리의 /_sass/minimal-mistakes/\_reset.scss 파일을 열어보세요.

열어보시면 다음과 같은 화면이 뜰거에요. 다음 사진은 제 파일인데, 제 파일은 이미 사이즈를 변경한 뒤라 기본 폰트크기랑 달라요. 유의해주세요!

다음사진은 원래 크기에요

html {
  box-sizing: border-box;
  background-color: $background-color;
  font-size: 14px;

  @include breakpoint($medium) {
    font-size: 14px;
  }

  @include breakpoint($large) {
    font-size: 16px;
  }

  @include breakpoint($x-large) {
    font-size: 18px;
  }

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

위 코드의 @include breakpoint($medium)의 font-size가 본문사이즈이고, $large는 마크다운문법의 헤더사이즈인 것 같아요. $x-large는 제목사이즈구요.

이건 제가 추측한 거니까 참고만 해주세요!! 어쨌든 중요한건 _reset.scss파일을 수정하면 minimal-mistakes테마의 폰트를 수정할 수 있다는 겁니다!!!

만약 더 좋은 방법이나 틀린 정보가 있다면 댓글 남겨주세용

+ 추가: https://github.com/mmistakes/minimal-mistakes/issues/1219 를 참고해주세요!

댓글남기기