티스토리 글꼴(폰트) 추가, 변경하는 2가지 방법

  1. 글꼴 파일 추가하기 

추가하고자 하는 글꼴을 인터넷에서 다운로드 받아서 티스토리에 업로드 하는방법이다

무료로 제공되는 글꼴을 다운받아서 변경해보았다

 

[블로그관리] - [스킨 편집] - [html] - [파일업로드]

 

다운로드한 글꼴파일.ttf를 다운로드 추가한다

 

[CSS]탭에서 글꼴을 불러오는 코드를 작성 font-family와 url 추가

@font-face {
font-family: 'IropkeBatangM';
font-style: normal;
font-style: normal;
src: url('./images/IropkeBatangM.ttf');
}

 

 

body, textarea, h 태그에 글꼴을 제일 처음 추가하여 기본 글꼴로 설정하였다

 

 

(좌) 변경 전, (우) 변경 후

기본 글꼴이 변경된 것을 확인할 수 있다

 

 

  2. Google Fonts 글꼴 추가

 

Google Fonts에서 지원해주는 폰트를 추가하는 방법

원하는 글꼴을 클릭해서 들어간다

<link>는 html에 @import는 CSS탭에 추가하면 되는데 위의 방법이랑 똑같이 @import를 해서 변경할 것이다

 

티스토리로 돌아와서 [블로그관리] - [스킨 편집] - [html] - [CSS]에서 순서대로 추가해준다

 

간단하게 글꼴을 변경해보았다!!

둘 중에 원하는 방법을 골라서 적용하면 끝