티스토리 글씨체 변경 방법

미리 캔버스를 알게 되어서 간단하게 썸네일도 만들어보고 프로필사진도 만들고 나니

이제는 저 블로그 제목의 글씨체가 거슬린다...

 

또 열심히 찾아서 바꿔보자... 안 되는 건 없을 테니...

https://noonnu.cc/

눈누

 

어쨌든 목표는 수익이 있는 블로그 운영이기 때문에 '상업용 무료폰트'로 검색했더니 위 사이트가 나온다.

들어가 보니 여러 폰트들을 볼 수 있다.
열심히 맘에 드는 폰트를 찾아보자..

너로 정했다. 휴먼범석체...!!
(어릴 때 내가 갖고 싶어 하던 배트맨 운동화를 사준 작은 아빠 성함이 범석이라서 뭔가 좋아 보임...ㅋㅋㅋ)

원하는 글씨체를 클릭해서 들어가면 아래와 같은 페이지가 뜬다.

빨간 박스 친 '웹폰트로 사용' 박스에 있는 내용을 다 복사한 다음

 

블로그 관리 홈으로 돌아와서 메뉴-꾸미기-스킨편집으로 들어간다

 

편집화면에서 오른쪽 상단의 html 편집을 클릭해서 편집창을 연다음

 

CSS 편집 모드로 들어가서 
아까 눈누 사이트에서 복사한 내용을 /* Web Font Load */ 다음줄에 붙여 넣기 한 다음
font-family 줄만 다시 복사한 다음

 

css 창에서 ctrl+f 를 눌러서 font-family로 검색해서 몇 번 내려가보면 대략 130번째 줄쯤
#header h1 {이라는 부분이 있고
그 안에 font-family 줄을 아까 복사한 내용으로 변경한다.

 

* 참고 :

블로그 제목 폰트가 아니라 본문 폰트를 변경하려면 아까 눈누에서 복사해서 붙여 넣기 했던 부분 바로 아랫부분에

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;
}

 

이 부분의 'AppleSDGothicNeo' 부분을 아까 원하는 폰트명으로 변경하면 된다. 
예) font-family: 'Humanbumsuk', 'Noto Sans KR', sans-serif;이런 식으로...

 

이제 변경된 제목 폰트로 보인다. (본문 폰트는 아직은 난 불만 없어서 변경 안 하기로 했다.)