더북(TheBook)

20.2.2 글로벌 스타일 및 스타일 유틸 설정

 

우선 프로젝트의 폰트 및 전역적으로 사용하는 스타일을 지정해 주겠습니다. styles 디렉터리에 base.scss 파일을 만드세요.

src/styles/base.scss

/* body, 타이포그래피  기본 스타일 설정 */
@import url(“//fonts.googleapis.com/earlyaccess/notosanskr.css”);
@import url(“//cdn.jsdelivr.net/gh/velopert/font-d2coding@1.2.1/d2coding.css”);
 
body {
  margin: 0;
  box-sizing: border-box;
  font-family: “Noto Sans KR”, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
// box-sizing 일괄 설정
* {
  box-sizing: inherit;
}
 
// 링크 스타일 밑줄  색상 무효화
a {
  text-decoration: inherit;
  color: inherit;
}

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.