깃헙로그 폰트 설정
업데이트:
카테고리: 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를 지정해주면 끝!