티스토리 폰트 다양한 웹폰트로 변경하는 간단한 방법(티스토리 본문 글씨체 변경)

티스토리 블로그를 하는 재미 중 하나는 스킨과 폰트를 자유자재로 변경할 수 있다는 점입니다.(여기에 구글의 애드센스 광고까지 추가할 수 있으니 더욱 재밌습니다.)

 

굴리고 굴리는 블로그라는 티스토리 블로그를 운영한지 햇수로 3년째, 만으로는 2년 가까이 됐습니다. 길다면 길고 짧으면 짧은 기간이지만 (제 기준에서) 생각지도 못한 많은 분들께서 방문해주셨고 소중한 댓글을 달아주신 분들도 많아 블로그를 운영하는 재미가 더욱 커졌습니다.

 

처음에는 기본 스킨부터 시작하였고, 간단한 HTML, CSS의 코드 수정도 할 줄 몰라 티스토리에서 제공한 기본 기능만 사용하면서 글을 썼습니다. 하지만 티스토리 생태계에 들어와 여러 블로그들을 방문해보고 정말 멋지고 좋은 느낌이 나는 블로그들을 많이 보았습니다. 저도 그런 좋은 느낌이 나는 블로그를 만들기 위해 기본적인 코드는 알아야겠다 싶어 HTML과 CSS의 아~주 기본적인 기초내용만 무료강의를 들었습니다. 생활코딩(www.opentutorials.org/course/1) 강추! 아주 기초적이지만 배운 내용들을 바탕으로 요리조리 스킨들을 수정해보고, 고민해보고, 때론 몇몇 스킨을 망쳐보기도 했습니다.

 

물론 스킨도 스킨이지만 가장 중요한 것은 알맹이입니다. 식당이 아무리 화려한들 음식이 맛이 없다면 손님들이 바로 나가거나 한 번 오고 말것입니다. 블로그 스킨도 중요하지만 내용이 훨씬 더 중요하다는 것은 두말하면 잔소리!

 

그렇다면 블로그 내용도 좋고, 스킨도 깔끔하면서, 글씨체도 마음에 쏙 드는 블로그라면 금상첨화겠죠? 티스토리에서 제공하는 기본 폰트는 현재 맑은 고딕, 본고딕R, 본고딕L, 나눔고딕, 본명조, 궁서입니다. 다 좋은 폰트이긴 한데 뭔가 다른 블로그들과 차별성이 없고 약간 심심한 면이 없지않아 있습니다. 때문에 블로그를 조금씩 키우다 보면 조금 색다른 폰트를 블로그에 적용하고 싶은 강한 뽐뿌가 오게 됩니다.

 

그렇다면 티스토리 블로그에서 어떻게 하면 원하는 폰트로 싹 다 변경할 수 있을까요? 폰트 파일을 다운받아서 윈도우에 설치하는 것처럼 티스토리에 업로드해서 설치하는 방법처럼 복잡한 방법도 있을 수 있습니다.

 

하지만 훨씬 간단한 방법이 있습니다. 바로 인터넷 상의 '웹폰트'를 내 블로그에 로딩시켜주는 방법입니다. 간단한 코드 입력만 해주면 됩니다.

 

티스토리 폰트 변경 방법(웹폰트 설정하기)

1. 티스토리에 적용할 여러 색다른 폰트들을 찾는 방법은 다양한 루트가 있습니다. 가장 대표적인 곳이 구글 폰트(fonts.google.com/)입니다. 구글폰트에 접속해보면 다음과 같은 화면이 펼쳐지면서 수많은 무료 폰트들이 나좀 사용해달라고 뽐내고 있는 것을 볼 수 있습니다.(스크롤의 압박 주의!)

 

 

2. 이 많은 폰트들 중에 가령 Do Hyeon 이라는 글씨체를 선택해보면 다음과 같은 화면이 나타나고, 여기서 붉은색 상자로 표시한 +Select this style 부분을 클릭하면 이제 웹폰트를 불러올 수 있는 소스가 나타나는 것을 볼 수 있습니다.

 

 

3. 아래 화면에서 보이는 것처럼 @import부분을 선택하고 나타난 소스를 복사하여 티스토리 스킨편집에 들어가 HTML편집화면에서 </head>위쪽에 붙여넣습니다.

<style>
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
</style>

 

 

4. 그리고 CSS편집화면에 들어가 font-family로 검색한 후 나타나는 모든 부분에 font-family : 'Do Hyeon', sans-serif; 를 붙여넣기 해줍니다.

font-family: 'Do Hyeon', sans-serif;

 

5. 적용 후 확인해 보시면 폰트가 변경돼있는 것을 확인할 수 있습니다.