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

티스토리 블로그에 내가 공부한 것들을 포스팅하면서 모르는 것은 다른 블로그를 찾아봐가며 공부하곤 했는데

다른 블로그들을 보면서 나도 블로그 이쁘게 꾸미고 싶다는 생각을 많이 하곤 했다.

그 첫번째 단계로 블로그 전체 폰트를 한번 바꿔 볼 예정이다.

 

먼저 폰트를 가져올 사이트를 선택한다.

 

https://noonnu.cc/ 

눈누

 

나는 눈누라는 사이트에서 폰트를 선택했다.

여기에서 원하는 폰트를 검색해서 클릭한다.

 

 

여기에서 오른쪽의 웹폰트로 사용으로 블로그 폰트를 변경해 줄 예정인데 빨간 동그라미의 복사하기 버튼 클릭한다.

 

 

티스토리 블로그 관리자 페이지에서 왼쪽 메뉴의 '꾸미기 > 스킨편집'을 클릭한다.

 

 

스킨편집 메뉴에서 오른쪽 상단의 'html 편집'을 클릭한다.

 

 

HTML 편집 화면에서 CSS 탭으로 이동한 뒤 /* Web Font Load */ 부분을 찾는다.

찾기 어렵다면 키보드의 'Ctrl+F'를 눌러 검색모드를 활성화해서 검색하면 바로 찾을 수 있다.

Web Font Load 부분을 찾았다면 아까 눈누 홈페이지에서 복사해둔 링크를 붙여넣는다(파란네모박스).

 

 

그 다음 /* Type Selector Reset */ 부분을 찾아 아까 복사했던 링크의 font-family 에 적혀있는 폰트 이름 'GmarketSansMedium'을 위 그림과 같이 Type Selector Reset의 body 태그 안에 있는 font-family의 맨 앞에 붙여넣는다.

적용 버튼을 누른 후 새로고침 해보면

 

 

이렇게 폰트가 변경된 것을 확인할 수 있다.