블로그 전체 폰트 변경

티스토리 블로그에 폰트 변경하기

 

우선, 변경하고 싶은 폰트 찾기

 

블로그의 폰트를 변경하기 위해, 어떤 폰트로 바꿀지부터 찾아보는 과정이 필요하다. 옛날처럼 폰트를 서버에 올려서 사용하는 게 아니라, 웹폰트를 이용하면 쉽게 바꿀 수 있는 것으로 알고 있다.

그럼, 폰트는 어디서 찾을까?

네이버에서 검색하면 쉽게 찾을 수 있다. 많은 블로거들이 사용하고 있는 "눈누"를 이용하려고 한다.

네이버에서 "눈누"를 검색하거나, 아래 링크를 통해 가는 것도 방법이다.

https://noonnu.cc/

눈누

필자는 여기에서 "카페 24 아네모네 에어" 폰트가 마음에 들어 이걸로 픽함. ㅋㅋ

원하는 폰트를 선택하면 아래와 같은 화면으로 변경이 되는데, 웹폰트로 사용 창에 있는 값을 복사하면 된다.

눈누에서 웹폰트 복사하기

자! 이제 티스토리에 바꾸러 가보자

 

우선, 블로그 관리 페이지로 가보자!!

아래 그림처럼 이동해서 위에서 복사한 웹폰트를 복사 붙여 넣기 한다.

웹폰트 적용하기

그런 다음, 폰트를 적용해줘야 한다.

"font-family"라고 되어 있는 부분을 위에 있는 'Cafe24 Ohsquareair'로 바꿔줘야 한다.(폰트마다 명칭이 다르니 확인 필요!!)

예시)

-- 기존
/* Type Selector Reset */
body {
	-webkit-text-size-adjust: 100%;
	font-weight: 400;
	font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;
	font-size: 1em;
	line-height: 1.25;
	color: #555;
}

-- 변경
/* Type Selector Reset */
body {
	-webkit-text-size-adjust: 100%;
	font-weight: 400;
	font-family: 'Cafe24Ohsquareair', 'Cafe24Ohsquareair', sans-serif;
	font-size: 1em;
	line-height: 1.25;
	color: #555;
}

수정한 다음 "적용" 버튼을 꼭 눌러라!!

 

이제 적용된 걸 확인해볼까?

변경된 폰트 확인

변경 적용된 걸 확인했다! Mr. 꾸는 작성 중에 폰트를 다시 바꾼 사실 ㅋㅋ

이제 모바일도 바뀌었나 확인해볼까?

폰트 변경 확인

얼레?? 폰트가 안 바뀌었다.. 조금 더 찾아봐야겠다 ㅠㅠ