GitBlog - 폰트변경
GItblog 기본 구축
Minimal Mistakes Jekyll theme 를 Fork하여 제작
테디노트 TeddyNote 를 시청하여 제작
- 기본환경
- 댓글
- 방문자 분석 With Google-Analytics
- 카테고리
- 태그
- 목차
- 검색엔진
- 내부검색
- SideIndex 추가하기
- 폰트 변경하기
- LATAX 추가하기 ( 수식 사용하기 )
에러 해결
Font변경
Font를 가져오는 방법은 여러가지가 있지만, Google에 있는 Font를 가져와서 사용
-
구글폰트 이곳에 접속하여 원하는 폰트를 검색해본다
-
원하는 폰트를 찾았으면 Selected Family에서 @import를 클릭하여 import문을 가져온다
- E.g
@import url('https://fonts.googleapis.com/css2?family=Cute+Font&display=swap');
- 만약 보이지 않는다면 폰트 확인하는 것 옆에
select this style
를 클릭해주면 나타남
- E.g
-
_sass/minimal-mistakes.scss에 값 추가
/*Google Font */
@import url("https://fonts.googleapis.com/css2?family=Cute+Font&display=swap");
- _sass/minimal-mistakes/_variables.scss에 값추가
"Cute Font"
를 선택했기 때문에"Cute Font"
를 추가해 준다
/* system typefaces */
$serif: Georgia, Times, serif !default;
$sans-serif: -apple-system, BlinkMacSystemFont, "Cute Font", "Roboto",
"Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
Comments