업데이트:

카테고리:

/

태그:

1.구글 폰트 적용

  1. google 폰트에서 원하는 폰트를 찾는다.
  2. 웹페이지의 왼쪽 상단을 클릭하여 @import 의 코드를 복사한다.
  3. assets\css\main.scss 에 복사한 코드를 넣어준다.
  4. _sass\minimal-mistakes\ _variables.scss$sans-serif 항목에 폰트이름을 추가한다.

2. 로컬 폰트 적용

  1. 원하는 폰트의 .tffotf 파일을 다운받는다.
  2. 파일변환을 통해서 .woff 파일로 변환한다.
  3. assets/fonts 폴더에 .woff 파일을 넣어준다.
  4. assets/css/main.scss 에 아래 코드 형식처럼 작성한다.
     @font-face {
       font-family: '폰트이름';
       src: url('/assets/fonts/파일이름.woff') format('woff');
       font-weight: normal;
       font-style: normal;
     }
    
  5. _sass\minimal-mistakes\ _variables.scsssans-serif 목록에 폰트이름을 넣어준다.
  6. 아무 .scss 파일에서 font-family를 지정해주면 끝!