눈누 무료폰트 블로그에 적용하는 방법

안녕하세요 리리입니당~

블로그에 새로운 예쁜 폰체를 적용해보고 싶을 때 무료폰체 적용방법을 알려드릴께요!

폰트를 적용하기에 앞서 포스팅 글 하단의 당부사항 먼저 확인해주세요~

우선 무료폰트 사이트 눈누 주소입니다.

https://noonnu.cc/

요기 들어가시면 정말 엄청나게 많은 폰트들이 있어요 ㅎㅎ

사진출처 - 눈누

캡쳐는 정말 일부일 뿐이랍니다 ㅋㅋㅋㅋ 보시면 엄청 귀염뽀짝한 문구들이 여러 폰트로 써있는데요~!

구경하다 보면 시간 가는줄 모릅니다ㅎㅎ 이중 마음에 드는 폰트를 찾아서 클릭하시면 아래와 같은 화면이 나오는데요

1. 블로그 폰체로 사용 가능 여부를 확인 하신 후 우상단에 복사하기를 클릭하세요.

2. 블로그 관리 홈> 꾸미기_스킨편집>HTML편집>CSS 으로 들어가주세요

블로그 주소 뒤에 /manage입력한 주소가 블로그 관리자주소 입니다.

왼쪽 메뉴바에서 스킨편집 찾아주세요

우상단의 html편집 클릭~!

CSS클릭~!

CSS에 보시면 /* Web Font Load */가 있어요

@import 혹은 @font-face로 시작하는게 폰트인데요

3. 엔터로 충분히 공간 만들어 주신 후 기존에 있는 것들 아래에 ctrl+v해주세요

위  /* Web Font Load */아래에 /* Type Selector Reset */가 있는데요.

 /* Web Font Load */가 폰트 소스를 넣은 거라면 /* Type Selector Reset */는 어떤 폰트를 우선 적용할지 정하는 거라고 보시면 됩니다.

4. 원하는 font-family 이름을 복사해서 제일 앞에 붙여넣고 콤마 찍어주세요.

font-family: 옆에 따옴표 표시 된것이 이름입니다. 예) 'Noto Sans KR'

즉, 제가 적용한 폰트는 'Noto Sans KR'입니다.

5. 완료하셨다면 적용눌러 주세요~

당부사항

스킨을 편집하여 변경하기에 앞서 꼭 스킨을 보관해 두세요. 혹시라도 되돌리고 싶은 경우를 위해서 꼭 필요한 작업입니다.

스킨을 보관하는 방법을 설명드릴께요

1. 블로그관리 > 꾸비기_스킨 변경에 들어가 주세요

2. '보관' 클릭하신 후 원하시는 이름 입력하여 저장

제 경우에는 해당 날짜와 수정한 것을 이름으로 해요.

저장하신 스킨은 스킨 보관함에 보시면 있습니다ㅎㅎ

참고로 글을 쓸때 폰트를 바꾸었던 게시물은 일괄적용에서 제외됩니다.

예쁜 폰트로 블로그 예쁘게 꾸미시길 바래요~^^