본문 바로가기
혼자서도 잘 해요/Tistory

티스토리 블로그 폰트 변경하기 - 전체적용

by ♥︎♥︎ Heina ♥︎♥︎ 2021. 2. 6.
반응형

티스토리 기본 폰트가 약간 식상하게 느껴져서 폰트를 변경해 보았다. 요즘은 무료로 제공되는 웹폰트 종류가 제법 다양해져서 고르는 재미가 있다. 티스토리 블로그 폰트를 변경하고 싶은 분들을 위해 방법을 설명하도록 하겠다. 아래 순서를 보고 차근차근 따라하면 하나도 어렵지 않다. 마음에 드는 폰트를 미리 정해두었다면 10분도 걸리지 않을 것이다.


티스토리 블로그 폰트 변경하는 방법

나는 눈누(noonnu.cc/)라는 사이트에서 폰트를 골랐다. 상단 카테고리 부분에서 모든폰트 > 임베딩 체크박스 선택해서 나오는 폰트 중 마음에 드는 것을 고르면 된다.

 

 

개인적으로는 명조나 손글씨보다는 고딕이 가독성이 좋다고 생각하여 필터를 추가 적용해 주었다.

 

 

지마켓 산스(Gmarket Sans) 너로 정했다! 취향에 맞는 폰트를 골랐다면 해당 폰트를 클릭한다.

 

 

폰트를 선택하면 화면이 바뀌는데 중간 부분에 "웹폰트로 사용" 이라는 항목이 있다. 우측 복사하기 텍스트를 선택하여 일단 내용을 복사해두도록 하자.

그 다음은 티스토리 어드민에서 폰트를 설정해 주는 단계이다.

 

 

경로는 티스토리 어드민 > 꾸미기 > 스킨편집 > (새 창의 우측 상단) html 편집 버튼 클릭! 

 

 

html 편집 창에서 css 탭으로 이동한다. 스크롤을 조금만 내리면 /* Web Font Load */ 라고 적혀있는 부분을 바로 발견할 수 있다. 해당 부분에 아까 눈누 사이트에서 복사해둔 코드를 붙여넣기한다.

 

 

복사한 후에 스크롤을 조금 더 내리면 바로 이어서 /* Type Selector Reset */ 이라고 적혀 있는 부분이 있다. 만약 찾을 수 없다면 찾기 기능(맥북 기준으로 command + F)을 이용하면 수월할 것이다.

font-family 부분의 기본값은 'AppleSDGothicNeo', 'Noto sans KR', sans-serif; 이다. 나열되어 있는 폰트의 가장 앞쪽에 아까 복사했던 코드의 font-family 부분을 양식에 맞추어 복사 붙여넣기한다. (아래 이미지 참고)

 

 

이제 모든 과정이 완료되었다. 우측 상단 적용 버튼을 누르고 티스토리 블로그로 돌아와 새로고침하면 전체 블로그 폰트가 변경되어 있을 것이다.

 

 

넘나 쉬운 티스토리 블로그 폰트 변경 끝!

 

+ 나는 모든 폰트 굵기가 동일한 것이 마음에 들지 않아서 타이틀 부분은 조금 더 굵은 폰트를 적용해 보기로 했다. 폰트를 세부적으로 적용하는 방법은 다음 포스팅에서 소개할 예정이다. 

반응형

댓글0