깃헙로그 폰트 설정
업데이트:
카테고리: githublog
/태그: font
1.구글 폰트 적용
- google 폰트에서 원하는 폰트를 찾는다.
- 웹페이지의 왼쪽 상단을 클릭하여
@import의 코드를 복사한다. assets\css\main.scss에 복사한 코드를 넣어준다._sass\minimal-mistakes\ _variables.scss에$sans-serif항목에 폰트이름을 추가한다.
2. 로컬 폰트 적용
- 원하는 폰트의
.tff나otf파일을 다운받는다. - 파일변환을 통해서
.woff파일로 변환한다. assets/fonts폴더에.woff파일을 넣어준다.assets/css/main.scss에 아래 코드 형식처럼 작성한다.@font-face { font-family: '폰트이름'; src: url('/assets/fonts/파일이름.woff') format('woff'); font-weight: normal; font-style: normal; }_sass\minimal-mistakes\ _variables.scss의sans-serif목록에 폰트이름을 넣어준다.- 아무
.scss파일에서 font-family를 지정해주면 끝!