저장해줄 경로에 폰트 저장
@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에 폰트페이스와 지정한 폰트페밀리명을 태그에 적용
정상적으로 적용된 부분 확인.
'SCSS' 카테고리의 다른 글
제이쿼리 모달 -모바일화면크기에따라 blocker 부분 보이는거 (0) | 2025.03.28 |
---|---|
화면너비보다 컨텐츠 요소가 클 경우, flex-wrap:wrap; , min-width:0; (0) | 2025.03.27 |
SCSS 중첩구조 이해 : 중첩 (0) | 2025.03.26 |