font 사용

woff, otf등 웹 글꼴 포맷의 이해

대부분의 최신 웹 브라우저에서 지원되는 woff와
ttf 개선으로 나온 많은 운영체제에서 지원이 되는 otf로 폰트 설정

작성예시

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
  url('/Fonts/Pretendard-SemiBold.woff2') format('woff2'), 
  url('/Fonts/Pretendard-SemiBold.woff') format('woff'),
  url('/Fonts/Pretendard-SemiBold.otf') format('opentype');
}

참고 글
https://blogpack.tistory.com/940

공통 font 스타일 지정하기

1. variable.scss 에 변수화
2. 디바이스 별 PC, Tablet, Mobile 별 공통 사항 정리해서 정의함
   (폰트사이즈 및, wight, line-height)