본문 바로가기
기타

티스토리 웹폰트 적용하기

by 쉬고 싶은 고고 2023. 2. 13.
반응형

티스토리 시작하면서 글꼴을 너무 바꾸고 싶어서 찾아보다가

'눈누' 라는 무료 글꼴 사이트를 알게되었어요

 

눈누 (noonnu.cc)

 

눈누

상업용 무료한글폰트 사이트

noonnu.cc

 

상업적으로도 이용 가능한 곳이더라구요

저는 손글씨 폰트를 좋아해서 휴먼범석체로 정했어요

여러 폰트들이 있으니 참고하세요 ㅎ

 

 

오른쪽 위에 아이콘을 선택하면 스크립트가 복사가 되요

티스토리 관리자모드로 들어와서 [꾸미기] - [스킨편집]을 선택합니다

 

 

오른쪽 상단에 [html편집] - [CSS]을 선택하면 아래처럼 나옵니다.

 

 

밑줄친 @charset "utf-8": 아랫쪽에 복사한 스크립트를 붙여넣습니다.

 

 

그리고 블로그 전체 폰트를 변경하시려면

아래 사진처럼 body태그 아래 font-family 에 'Humanbumsuk'을 넣어주면 됩니다.

 

그리고 블로그 제목도 변경하시려면 body태그 변경한 것처럼

header h1태그 아래 font-family에 'Humanbumsuk'을 넣어주면 됩니다.

 

다 변경했으면 오른쪽 상단에 [적용]을 눌러주면 아래와 같이 폰트가 변경된 모습이 보입니다

 

 

생각보다 폰트 바꾸기 쉽죠?!

글꼴이나 글자크기를 자유롭게 바꿀 수 있으면 좋으련만..ㅎ

 

도움이 되셨다면 하트 공감 부탁드려요^^

반응형

댓글