본문 바로가기
정보스토리

티스토리 폰트 변경하기 눈누 폰트 적용 방법

by 안골드스타 2022. 2. 11.

일상의 기록이나 유용한 정보를 기록하고 싶어서 티스토리 블로그를 개설했어요. 가장 먼저 스킨을 바꾸고, 좀 더 예쁘게 꾸미기 위해서 html 및 CSS를 하나하나 수정해가고 있는데 가독성을 높이기 위해 티스토리 전체 폰트 변경도 해보았어요.

 

여러분이 현재 보고 있는 것은 눈누 폰트 중 '고운바탕' 웹폰트 입니다. 눈누 폰트는 무료로 사용할 수 있고, 상업용으로도 물론 이용 가능한데요. 기존에는 파일을 다운로드하고, 다시 업로드 한 뒤 CSS 코드를 변경하거나 html을 수정해야 했는데요.

 

이것은 웹폰트이므로 다운로드할 필요 없이 바로 적용할 수 있어서 편리합니다. 네이버 및 기타 블로그에 비해 얼마든지 개성있게 꾸밀 수 있는 티스토리 블로그를 운영하고 있다면 여러분도 티스토리 폰트 변경 후 가독성을 높여보세요.

 

※ 적용한 웹폰트는 모바일 환경에서 보이지 않고, PC 환경에서만 확인 가능합니다.

 

 

사이트 접속하기

먼저 네이버 혹은 다음에서 '눈누 폰트'를 검색합니다.

 

사이트에 접속하면 다양한 무료 웹폰트를 확인할 수 있는데 원하는 폰트를 선택합니다. 

 

웹폰트 코드 복사하기

원하는 눈누 폰트를 선택한 뒤 '웹폰트로 사용' 옆 복사 아이콘을 클릭하거나 드레그 후 복사합니다. 클릭하면 하단 보이는 CSS 코드가 복사돼요.

 

티스토리 블로그에서 적용하기

복사 후 운영 중인 티스토리 블로그에 접속합니다. 그리고 설정 - 꾸미기 - 스킨 편집을 선택해요.

 

우측 상단에 있는 'html 편집'을 클릭합니다.

 

CSS 탭을 선택하고 UTF-8 아래 복사한 코드를 붙여 넣기 합니다.

 

그리고 control+F (맥은 command + F)를 눌러 'Font-Family'를 검색한 뒤 해당 부분의 폰트를 모두 사용한 웹폰트명으로 바꿔줍니다. RIDIBatang일경우 해당 부분을 모두 'RIDIBatang'으로, 고운 바탕일 경우 'GowunBatang'으로 바꿔줍니다. 

 

만약 찾기 버튼이 없다면 스크롤을 조금씩 내려 폰트 패밀리를 직접 찾아주세요.

 

적용한 스킨에 따라 조금씩 차이가 있을 수 있는데 중간 부분에 font-family가 한 번 더 있으니 꼼꼼하게 찾아서 바꿉니다.

 

가끔씩 변화를 주고 싶을 때 폰트를 바꾸는 것만으로도 큰 도움이 되는데요. 다른 사용자들이 많이 사용하는 폰트는 리디바탕, 고운돋움, 고운바탕 등이 있습니다. 또 조선일보명조체, 조선가는고딕, 조선굴림체 등도 깔끔하고 예쁘더라고요.

 

여러분이 지금 보고 있는 폰트는 고운바탕 폰트입니다. 모바일에서 웹폰트가 안 보이는 건 조금 아쉬운 일이지만 글을 쓸 땐 대부분 PC를 활용하니 괜찮아요 :)

 

여러분도 티스토리 블로그 개설 후 운영하고 있다면 무료 웹폰트 적용으로 나만의 멋진 블로그를 꾸며보세요. 또 기분에 따라 종종 바꿔가며 사용해보시고요.

 

 

 

댓글