본문 바로가기


LECTURE

티스토리 전체 웹폰트로 변경 하는 방법

by AIGPVCCCEFSHATLI 2022. 5. 19.

이번 시간에는 티스토리에서 웹폰트를 이용해서 폰트를 변경하는 방법에 대해 알아보도록 하겠습니다.

 

준비물 : 

눈누 : https://noonnu.cc/

구글 : https://fonts.google.com/

 

웹폰트를 이용할 수 있는 사이트는 위 준비물의 두 곳이 대표적인데요. 금일은 눈누에서 적용하는 방법에 대해 작성하도록 하겠습니다.

 

먼저 웹폰트를 변경하기 전에 혹시 모르니 스킨 변경 > 보관을 눌러서 변경전 상태를 백업하시기 바랍니다.

 

자 그럼 시작하도록 하겠습니다.

 

눈누
눈누

위 이미지처럼 눈누 사이트에서 원하는 폰트전체 폰트 검색 부분에서 검색을 합니다. 필자는 본 블로그에 적용 중인 나눔바른고딕으로 하였네요. 검색 결과에서 나오면 폰트 제목을 누른 후 웹폰트로 사용에서 위 빨간색 부분을 눌러서 복사를 합니다.

 

티스토리 전체 웹폰트로 변경 하는 방법
티스토리 전체 웹폰트로 변경 하는 방법

위 이미지처럼 스킨 편집 > html 편집 > CSS에서 1번 아래붙여 넣기 합니다.

 

티스토리 전체 웹폰트로 변경 하는 방법
티스토리 전체 웹폰트로 변경 하는 방법

위 이미지처럼 CSS에서 단축키 Ctrl + A > Ctrl + F > font-family검색을 해 놓고 NanumBarunGothic복사합니다.

 

티스토리 전체 웹폰트로 변경 하는 방법
티스토리 전체 웹폰트로 변경 하는 방법

위 이미지처럼 두곳을 font-family: 'NanumBarunGothic' , sans-serif; 로 변경을 합니다.

 

티스토리 전체 웹폰트로 변경 하는 방법
티스토리 전체 웹폰트로 변경 하는 방법

위 이미지처럼 세번째도 font-family: 'NanumBarunGothic' , sans-serif; 로 변경을 합니다.

적용을 누르면 티스토리 전체에 폰트가 변경이 됩니다.

 

이상 간단하게 티스토리 전체 웹폰트 변경하는 방법이었습니다.

그럼 다음 글에선 좀 더 좋은 글로 다시 찾아뵙겠습니다.

댓글




TOP

loading