[Jekyll] Jekyll와 Github로 만드는 깃허브 블로그 - (3) 글씨체 변경

 

글씨체에 대한 설정이 없어서

윈도우에서 크롬으로 TIL 블로그에 들어가면 한글 글꼴이 깨진듯 이상하더라구요 😢

 

 

해결하기 위해 간단한 방법으로 웹폰트를 적용했습니다!

 

구글 폰트에서 원하는 폰트 가져오기

저는 이 폰트로!

폰트를 골라 Select this stlye을 누르고

@import를 눌러 나오는 url 주소를 복사해둡니다

 

 

CSS 파일에 다음과 같은 코드를 붙여넣습니다

제 앞선 글들과 동일한 사이트를 생성하셨다면, css > main.scss 파일에 넣으시면 됩니다!

@font-face {
	font-family: 'Noto Sans KR';
	src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Noto Sans KR';
}

 

이렇게!

다른 폰트를 쓰고싶으시면, 아까 구글폰트에서 다른 url을 복사해서

위 코드의 @font-face 내 src:url(          )이 괄호 안에 붙여넣기!

 

 

저장하면 사이트 전체 폰트가 변경된 것을 확인할 수 있습니다 😎