티스토리 글꼴(폰트) 바꾸는 법 - 눈누

title

이번에는 웹폰트 제공사이트인 눈누를 이용해서 폰트를 바꿔볼게요.

 

아무래도 구글 폰트는 한글폰트가 적어서 불편할 수도 있는데 눈누는 한글폰트가 많습니다.

 

이 사이트를 이용해서 폰트를 바꿔볼게요.

 

https://noonnu.cc/

상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누

이 사이트에 들어가서 원하는 폰트를 골라보세요

 

1

그러면 오른쪽에 웹폰트로 사용이라는 부분이 있는데 이 코드를 이용해서 폰트를 바꿀거에요. 구글 폰트를 이용하는 법보다 쉽고 편합니다.

 

한글누리체의 웹폰트입니다.

@font-face { font-family: 'HangeulNuri-Bold'; 
			 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/HangeulNuri-Bold.woff') 
             format('woff'); font-weight: normal; font-style: normal; }

이 코드는 CSS코드입니다. 

 

2

이렇게 CSS에 붙여넣어줍니다. 지금 코드의 font-family부분이 아래있는 font-family와 같으면 돼요.

 

3

제가 드래그한 부분과 @font-face의 font-family가 같은 것을 확인하실 수 있어요.

 

구글 폰트처럼 html로 추가해줄 필요가 없고 정말 다양한 한글폰트를 적용해볼 수 있다는게 장점인 것 같아요.

 

지금 제 블로그의 폰트는 리디북스의 폰트입니다. 가독성이 정말 좋지 않나요?

 

아래 링크 글에서 본문 글자크기 조절하는 법을 알 수 있습니다.

 

https://gyulogs.tistory.com/22

티스토리 글꼴(폰트) 바꾸는 법 - 구글 폰트

"댓글, 공감 버튼 한 번씩 누르고 가주시면 큰 힘이 됩니다"