티스토리 글꼴 폰트 추가

티스토리 글꼴 추가

티스토리 글꼴을 변경해서 꾸미고 싶은데 어떻게 해야 하는지 궁금하거나 어려운 분들 많으시죠? 저도 변경해 보고 싶어서 여기 저기 찾아보고 알아낸 방법 안내 드립니다.

목차 1. 무료글꼴 사이트 추천 2. 초간단 글꼴 추가 3. 글꼴 적용하기 (블로그명, 본문) 4. 글작성시 변경되는 것은 아닙니다.!!

 

1. 무료글꼴 사이트 추천

  무료글꼴 사이트는 눈누라는 국내 사이트와 구글 사이트를 보통 사용합니다. 그중에서 저는 눈누라는 사이트를 사용해 보았습니다. 아무래도 국내 사이트라 한글 글꼴이 많이 있거든요^^

 

<눈누 홈페이지 바로가기>

사이틀에 들어가서 원하시는 글꼴을 선택하면 꼭 확인해야 할 것이 있습니다.

바로 저작권!!!!

라이선스 요약표에서 허용되는 사항인지 꼭 확인한 후 사용하셔야 합니다.

원하는 글꼴을 선택하셨다면 티스토리에 적용해 보겠습니다.

  

2. 초간단 글꼴 추가

눈누 사이트에서 글꼴을 선택하면 오른쪽 상단의 웹폰트로 사용에서 겹친네모(복사입니다.)를 클릭해 주시기 바랍니다.

 

그리고 티스토리의 스킨편집→html편집→CSS를 선택합니다.

 

 

CSS에서 간단한 편집을 진행해 주셔야 합니다.

먼저 CSS에서 Ctrl+F를 눌러 검색창을 띄우고 Web Font Load 를 검색해서 위치를 찾아줍니다.

그리고 위와 같이 @import 아래줄에 붙여넣기를 해 줍니다.

 

이제 글꼴 추가는 완료했습니다.

 

3. 글꼴 적용하기 (블로그대문, 본문)

 

  먼저 블로그 대문 (H1)을 변경하는 방법입니다.

 

  CSS에서 font-family 을 검색하면 아래와 같이 header h1가 보입니다.

  (간혹 header h1에서 font-family 를 찾을 수 없는 경우가 있는데 스킨에 따라 없는 경우도 있습니다.)

 

그럼 'Noto Sans KR' 자리에 위에서 추가한 글꼴의 이름을 넣어주시면 됩니다.

 

  그리고 적용을 눌러주시면 대문의 글꼴이 변경되는 것을 볼 수 있습니다.

 

마찬가지로 본문을 변경하고 싶으면 CSS에서 font-family 을 검색해서 body에 추가한 글꼴을 넣어 주시면 됩니다.

 

 

4. 글 작성시 변경이 되는 것은 아닙니다.

  제가 여러곳을 찾아보고 적용이 됐는지 안됐는지를 확인해 보려는데 글쓰기에 들어가면 도대체가 적용이 된 것인지 모르겠더군요... 정답은 저렇게 적용이 되었는지는 바로 블로그를 방문해서 글을 확인해 보셔야 합니다.

  글쓰기에서는 적용이 안되니 저처럼 몇시간씩 글쓰기에서 글꼴 변경을 확인하는 일은 하지 마시기 바랍니다. ㅠㅠ