티스토리 기본서체 변경하기

 

안녕하세요! :)

오늘도 구땡이네에 방문해 주셔서 감사합니다.

 

블로그에 글을 조금씩 올리다 보니, 선호하는 글씨체도 생기고 매번 기본글씨체에서 제가 선호하는 명조체로 바꾸는 게 여간 귀찮지 않은 일이 아니더라고요.

 

오늘은 기본서체를 바꿔서 매번 서체를 수정할 필요 없이 설정하는 방법에 대해서 포스팅 해보겠습니다.

 

글꼴 가져오기

구글 폰트 웹사이트에 접속할 것이에요.

fonts.google.com/?subset=korean

 

접속을 하시면 다양한 한글 폰트를 발견할 수 있는데요.

저는 요새 고딕보다 명조체가 좀 더 마음에 들더라고요.

뭔가... 같은 글이어도 분위기가 달라보인다는 느낌적인 너낌이랄까.. (후후)

 

은근히 서체가 다양해요.

 

저는 이 중에서 Noto Serif KR 글씨체로 해볼게요.

원하시는 글씨체를 선택하시면 글씨체에 해당하는 다양한 굵기의 스타일이 뜹니다. 

명조 정말 감성이 살아있지 않아요...? 문장 자체가 참 멋있고 다시 읽고 싶은 느낌이 드네요.

 

원하시는 글씨 옆에 있는 '+Select this style' 버튼을 클릭해볼게요.

 

 

 '+Select this style' 버튼을 클릭하시면 우측에 사이드 바가 생겨요. 사이드 바 중에 Use on the web 아래에서 @import의 폰트링크는 스킨편집의 html 편집 화면에 붙여넣고, CSS는 스킨편집의 CSS 화면에 적용할 거에요.

 

 

티스토리 스킨 편집

티스토리 글관리 > 스킨 편집페이지에 오셔서 우측의 html 편집 버튼을 눌러주세요.

복사한 폰트링크를 </style> 끝나는 곳에 붙여넣어줄 것이에요. 아래와 같이 쓴 소스를 그대로 넣어주셔도 됩니다!

붙여놓고 적용 버튼을 클릭해주세요.

<style>

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300&display=swap');

</style>

 

이제 CSS탭에서 복사한 font-family: 'Noto Serif KR', serif; 를 스킨 편집의 CSS 탭에 적용시키면 되어요.

그럼 이제 적용이 완료 되었어요!

참고로, 포스팅을 쓸 때는 서체가 기본서체로 뜨지만, 포스팅을 게재했을 때는 적용시킨 폰트로 구현된다고 합니다. :)

 

오늘 포스팅 내용이 유용하셨는지요?

저와 같은 고민을 하신 분들에게 도움이 되었으면 하네요!

 

여러분이 좋아하시는 폰트 무엇인가요? 댓글로 남겨주세요~~ ^^