[티스토리 팁] 티스토리 폰트 변경하기(feat.눈누)

티스토리 글꼴은 너무 적다

티스토리는 기본글꼴만 제공하고 있습니다.
무료합니다. 좀 더 다양한 폰트가 있으면 좋으련만..

티스토리에 내장된 폰트가 별로 없어서 티스토리를 막 시작하신 분들은 폰트를 바꾸고 싶을겁니다. 스킨도 마찬가지지만 아는 스킨은 없고 뭘 쓸지도 잘 모르는데 어울릴지 잘 맞을지 알 수 없으니 ... 다짜고짜 스킨을 덜컵 정하기도 겁이 납니다.

당장 스킨을 바꾸기 부담스럽지만 블로그에 변화를 주고 싶다면 폰트를 한번 바꿔보는 걸 추천합니다.

 

변경 전 후 사진

폰트만 바꿔도 새 스킨을 단 것과 같은 느낌이 듭니다.

 

 

 

 

 

티스토리 폰트 바꾸기

티스토리는 HTML을 기반으로 되어있습니다. 즉, CSS를 할 줄 안다면 아주 쉽게 폰트를 바꿀 수 있습니다. 단, 블로그 전체글의 폰트가 바뀐다는 점! 꼭 명심하셨으면 합니다.

폰트를 바꾸는 방법은 대표적으로 두가지가 있습니다.

1.원하는 폰트를 다운로드한 후 티스토리의 업로드하고 HTML/CSS를 수정해 적용하는 방법

2.웹 폰트를 이용해 CSS 코드를 얻어서 티스토리 HTML/CSS를 수정하는 방법

즉, 컴퓨터에서 폰트를 얻을수만 있다면 티스토리에 바로 적용할 수 있다는 말입니다.

저는 웹 폰트를 이용하는 방법으로 설명할까 합니다. 폰트 다운받는건 잘 안하게 되더라고요.

주의할 점은 무료 폰트를 받아야 한다는 것입니다. 저작권이 있거든요ㅜ
무료 폰트는 보통 2개의 사이트에서 받을 수 있습니다.

1. 구글 폰트 (바로 가기)
2. 눈누(바로 가기)

눈누가 아무래도 폰트 종류도 구글 폰트에 비해서 다양하고 이쁜 폰트들이 많아서 눈누 기준으로 알려드리겠습니다.

눈누에서 폰트 가져오기

눈누에 들어가 원하는 폰트를 선택해서 클릭해줍니다. 이미 미리보기 되어있고 직접 써볼 수도 있습니다.

원하는 폰트를 선택했다면 허용여부를 꼭 확인해주셔야합니다. 여기서 안된다고 하면 쓰면 안됩니다.

괜찮은 폰트를 찾았다면 웹폰트로 사용의 링크를 복사해줍니다.

티스토리 관리자 → 스킨편집 → HTML 편집 으로 들어가주세요.

CSS 에서 제일 위 부분에 복사 한 링크를 붙여주세요.

font-family 가 보일텐데 거기에 써있는 글꼴명을 복사해놓고
font-family를 검색합니다. 변경하고자 하는 곳의 글꼴 이름을 지우고 변경 할 글자체로 변경해주세요.

적용을 눌러서 폰트를 바꿉니다.

처음하긴 어렵지만 한번 해보면 별거 아닙니다. 블로그 운영하는데 도움이 되셨으면 합니다.