티스토리 오딧세이 스킨: 가독성 좋은 웹폰트로 변경하는 방법(눈누)

티스토리 스킨을 가독성이 좋은 웹폰트로 변경하는 방법을 소개합니다. 

'눈누' 라는 사이트를 통해서 무료로 한글 웹폰트를 적용하는 방법을 알려드리니 꼭 오디세이 스킨이 아니더라도 적용할 수 있는 방법이므로 참고해서 적용해 보시기 바랍니다.

 

가독성 좋은 한글 웹폰트를 눈누 사이트에서 무료로 적용하는 방법

우선 아래에 있는 눈누 사이트로 들어가 줍니다.

링크로 들어가면 아래 화면처럼 다양한 웹폰트들 보실수가 있는데요.

반응형

https://noonnu.cc/

여기서 원하는 폰트를 선택해 주시면 됩니다.

 

 

원하는 폰트를 선택하면 아래와 같은 화면이 나오게 되는데요.

저는 카페24슈퍼매직 폰트를 선택해 보았습니다.

오른족 옆에 보면 "웹폰트로 사용" 이라는 부분이 보이시죠?

 

그 옆에 복사 버튼이 보이실꺼에요.

그 부분을 눌러서 내용을 복사해 줍니다. 

 

그리고 티스토리의 CSS 설정 화면으로 이동해 줍니다. 

 

그리고 복사한 내용을 아래 그림과 같이 붙여줍니다.

CSS 설정 화면의 최상단에 @charset "UTF-8";  바로 아래에 붙여주시면 됩니다. 

 

그리고 컨트롤+F 를 눌러 검색을 font-family 로 검색한 다음 Cafe24Supermagic-Bold-v1.0 이름을 붙여넣기 해주면 설정은 끝납니다. 

 

font-family 에 붙여넣어 주시고 그 뒷쪽으로 주르륵 있는 폰트들은 후순위 폰트들로, 만약 첫번째 우선순위 폰트가 적용이 되지 않을 경우 그 다음 폰트가 적용된다는 의미로 보시면 됩니다. 

 

적용하고 나니 아래와 같이 폰트가 변경되었네요.

 

그런데 그렇게 적용한 폰트가 썩 마음에 들지 않네요.

다시 변경해야겠어요. 

 

그럼 한번 적용해 보시고, 추가적인 문의사항이 있으실 경우 댓글달아주세요.

 

함께 보면 좋은 포스팅 글

 

2023.10.13 - [정보공유] - 티스토리 오딧세이 스킨:h1 태그 변경방법(제목과 블로그명)

티스토리 오딧세이 스킨:h1 태그 변경방법(제목과 블로그명)

2023.10.13 - [정보공유] - 티스토리 오딧세이 스킨:사이드바 고정하는 방법

티스토리 오딧세이 스킨:사이드바 고정하는 방법