[CSS] 티스토리 블로그 스킨 편집_글꼴(폰트) 바꾸는 방법

어제 블로그를 정리하다가 스킨을 바꿔봤는데, 
티스토리의 기존 스킨에서 글꼴(폰트)를 변경하고 싶었다. 
내일배움카드로 배웠던 CSS의 지식을 되살려 결국 원하는 폰트로 바꾸는 데 성공하였다.

이 방법을 공유한다. :-)

 

폰트 변경된 화면 샘플

 

먼저, 티스토리 관리자 페이지에서 스킨 변경을 하는데, 내가 선택한 스킨은 "letter"이다.

 

원하는 글꼴을 찾아 폰트 다운로드 url 코드를 복사한다.(나는 눈누 글꼴 사이트에서 가져왔다. https://noonnu.cc/)

눈누 글꼴 사이트

 

 

내가 원하는 폰트는 서평원 꺾깎체로 폰트를 클릭하면 복사할 수 있는 url 코드가 나온다.

 

 

이제 스킨 편집을 눌러서 CSS 화면을 클릭하여 복사한 폰트(웹폰트로 사용) url 코드를 붙여넣는다.

이전에 작성했던 글의 하단 부분을 참고하면 font-face에 대해 자세히 나와있다.  (https://yaga.tistory.com/83)

[CSS] 스타일 상속 및 Font 관련 CSS 속성(2021-09-28)

 

CSS에서 폰트를 등록(font-face 태그)한 뒤, 하단의 font-family를 'SLEI GothicTTF'로 설정한 후 적용 버튼을 누르면 끝

 

 

아래와 같이 폰트가 바뀐 것을 확인할 수 있고, 다른 폰트도 이런식으로 가능하다.

폰트적용된 화면

 

배운 것을 이렇게 바로 사용할 수 있다니... 
내 스스로에게 칭찬, 개발자인 오빠가 보기엔 많이 답답했겠지만...
어찌되었던 간단한 것일지라도 스스로 해결했다는 것에서 뿌듯했음!