저장해줄 경로에 폰트 저장 

@font-face {
  font-family: 'Moneygraphy-Pixel';
  src: url('/static/font/Moneygraphy-Pixel.ttf') format('truetype');
}

@font-face {
  font-family: 'Moneygraphy-Rounded';
  src: url('/static/font/Moneygraphy-Rounded.ttf') format('truetype');
}


..중략...

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  // font-family: -apple-system, BlinkMacSystemFont, helvetica, "Apple SD Gothic Neo", sans-serif;
  font-family: Moneygraphy-Rounded;
  font-size: 15px;
  -webkit-font-smoothing: antialiased; //폰트 부드럽게
  -moz-osx-font-smoothing: grayscale; //폰트 부드럽게
  color: $black;
}

SCSS에 폰트페이스와 지정한 폰트페밀리명을 태그에 적용

정상적으로 적용된 부분 확인. 

+ Recent posts