티스토리 폰트 스킨편집에서 변경하는 방법

안녕하세요 자영업자 라이프 스타일입니다. 오늘은 티스토리 내에서 폰트를 변경하는 방법에 대해서 알려드리려고 합니다. 스킨을 기본적으로 선택하고 나면 여러가지로 변화를 시도하지만, 폰트를 바꾸는 방법만으로도 티스토리 스킨의 분위기를 완전히 바꿀 수 있습니다. 우선 폰트가 상업적으로 사용가능한지 일일히 확인해야 하지만 눈누라는 사이트를 이용하면 훨씬 더 간편하게 티스토리의 폰트를 변경할 수 있습니다.

 

 

 

상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누

무료 한글 폰트를 제공하는 곳을 찾기 어렵고 상업적으로 이용 가능한 폰트는 더더욱 많지 않은데, 이 곳은 폰트를 직접

다운로드할 수도 있고 웹 폰트로도 쉽게 사용할 수 있어서 자주 이용하는 곳입니다.

 

 

눈누 사이트에서 원하는 폰트를 선택해주시면 됩니다. 저는 예쁜것도 중요하게 생각했고, 가독성도 생각했습니다. 나눔

스퀘어로 폰트를 바꿔보겠습니다.

 

나눔스퀘어 폰트를 누르면 다운로드 할 수도 있고 웹폰트로 사용 가능한 코드가 있습니다.

우선 대부분의 글씨체가 웹사이트에서 사용 가능하지만 한번 더 밑에 쪽에 있는 라이센스를 확인하여 정확한 허용 여부를 확인하는 것을 추천드립니다. 웹사이트에서도 이용 가능하니 진행해보겠습니다.

 

이제 내 티스토리에 들어와서 관리창에 스킨편집으로 들어가주세요

스킨편집에 우측에 보면 html편집이 있습니다. 클릭해주세요.

폰트는 HTML에서 건드릴 사항은 없으니 CSS를 클릭해주세요. 저도 코딩의 코자도 모르는 초보자이니 천천히 따라오시면 저처럼 쉽게 변경하실 수 있을거에요

 

 

 

CSS에 들어가서 조금 내리다보면 web font load 라고 되어있는 부분을 찾으실 수 있을거에요. 그부분이 내 티스토리 전체 폰트를 변경하는 곳이니 조금만 더 힘내서 따라오세요.

아까 눈누 에서 복사해두었던 코드를 web font load 밑에 붙혀넣기 해주세요. <link~이부분이 복사한 부분입니다.

그 다음 font-family에 있는 'NanumSquare'이 부분을 복사해주세요.

 

조금더 밑에 내려오면 body 부분에 font-family : '이미 예전에 사용하던 폰트들' 앞쪽에  'NanumSquare', 를 복사해서 넣어주시면 폰트설정이 끝납니다. 적용 버튼을 누르고 새로고침 해보시면 폰트가 변경되어 있으실거에요!

 

혹시 코드를 건드리는게 걱정되신다면 미리 백업해두시고 이용해보시길 바랍니다. ctrl+z 로 입력했던것들을 되돌릴 수 있으니 하나씩 천천히 해보셔도 좋을 것 같아요.