[티스토리 폰트 바꾸기] 폰트 설정 방법 - 쉬운방법

1. 원하는 폰트 찾기

 

• 구글 폰트사이트(https://fonts.google.com/)에 접속한다.
• 폰트 리스트를 확인하고 원하는 폰트를 클릭한다.

• 원하는 폰트 굵기를 확인하고 "Select this style"을 클릭한다.

• @import를 체크한다.
• <style></style>안쪽에 있는 @import url...부분을 복사한다.
• 아래 font-family 부분도 복사해서 붙여넣어야 한다.
• Google Font 페이지를 닫지 않은 상태에서 티스토리 관리자 페이지를 새로 연다.

2. 티스토리 CSS 수정하기

• 위에서 @import url 부분을 복사한 상태이다.
• 티스토리 관리자 페이지로 들어간다.
• 관리자 페이지는 본인 페이지에 /manage를 붙이면 된다. ex) https://latebloomer12.tistory.com/manage
• 관리자 페이지에 "스킨편집"을 클릭한다.

  

• 스킨편집 창에서 우측에 html편집 버튼이 보인다.
• html 편집 버튼을 클릭한다.

• CSS를 클릭한다.

• 그리고 Google Font에서 복사해 둔것을 아래 /* Web Font Load */ 아래부분에 붙여넣기 한다.

• font-family 부분을 복사해서 붙여넣기 위해 다시 Google Font 페이지로 이동한다.
• 아래 font-family부분을 복사한다.

• 편집하던 관리자 페이지로 와서 body 아래에 붙여넣기 한다.
• 적용을 클릭한다.

• 아래 처럼 폰트가 잘 적용된 것을 볼 수 있다.

3. 폰트추천

• @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap')
• font-family: 'Do Hyeon', sans-serif;

• @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
• font-family: 'Jua', sans-serif;