티스토리 글꼴(폰트) 바꾸는 법 - 구글 폰트

title

모든 웹사이트의 최대 고민이죠.

 

글꼴/폰트를 어떻게 하느냐에 따라 인상이 바뀌기 때문에 이걸 선택하는 것은 굉장히 중요합니다. 티스토리 블로그는 스킨 편집 기능을 이용해서 다른사람이 보는 내 블로그의 폰트를 바꿀 수 있습니다.

 

폰트를 적용하기 전에 먼저 무슨 폰트가 있는지 알아야하죠.

 

저는 구글 폰트를 사용합니다.

 

https://fonts.google.com/?subset=korean

Google Fonts

구글폰트는 일반 TTF,OTF폰트도 제공하지만 웹 페이지에서 바로 HTML/CSS로 적용하여 쓸수있는 웹 폰트를 제공합니다.

 

티스토리에 폰트를 적용하는 방법은 웹폰트를 이용하는 것이죠.

 

위 링크에서 적용할 폰트를 고르셨으면 아래 방법을 따라하시면 됩니다.

 

1

폰트를 선택하면 이런 화면을 볼수있습니다. 여기서 우측 상단쪽에 SELECT THIS FONT를 눌러줍니다.

 

그러면 하단에 창이 하나 생기는 데 그 창을 눌러주세요.

 

2

이런 화면이 보이시나요? 익숙한 다운로드 버튼이 있지만 우리는 다운로드를 받을 필요가 없습니다.

 

Embed Font/Specify in CSS 부분을 봐주세요. 코드가 2개 있습니다.

 

첫 번째 코드는 HTML코드, 두 번째 코드는 CSS코드입니다.

 

HTML코드를 HTML영역에 넣어줍니다.

3

태그블럭을 분리시켜주세요. 알기쉽게 head태그 바로 아래에 넣어줬습니다.

 

이제 CSS코드를 CSS영역에서 찾아 수정해줍니다.

4

위 제공된 코드는 font-family: '폰트이름', family이름; 이죠. 폰트이름과 family이름만 직접 수정해줍니다.

 

적용을 누르고 확인하면 폰트가 바뀌어있는 모습을 볼 수 있습니다.

 

만약 폰트를 바꿨는데 본문의 글씨가 너무 작아 보기가 힘드신가요? 그럴 경우에는 CSS영역에서 폰트사이즈를 바꿔주면 됩니다.

 

5

아래 쭉 내리다가 위 사진에 보이는 선택된 줄에서 font-size를 바꿔주시면 됩니다. line-hight는 줄 간격입니다.

 

https://gyulogs.tistory.com/23

티스토리 글꼴(폰트) 바꾸는 법 - 눈누

"댓글, 공감 버튼 한 번씩 누르고 가주시면 큰 힘이 됩니다"