[Tistory] 티스토리에 Google Fonts 적용하기(폰트 변경)

목표: 티스토리에 Google Fonts를 적용해서 폰트 변경하기

안녕하세요 냥장판입니다.

이번 게시글에서는 티스토리 블로그에서 글씨체를 변경하는 걸 해볼거에요.

폰트는 Google에서 제공하는 무료 폰트를 사용할 겁니다!

기본적인 방법이 궁금하시다면(?) 아래 게시글을 참고하세요!

Google Fonts에 들어가서, 마음에 드는 폰트를 고릅니다.

마음에 드는 폰트 상단에 [+] 버튼을 클릭합니다.

아래에 팝업창이 뜰거에요.

CUSTOMIZE에 들어가서 굵기 선택하시고, Languages에서 Korean 필수로 선택해주세요.

그럼 아래와 같이 링크가 변경되어 보일거에요!

     style="display:inline-block;width:740px;height:200px"
     data-ad-client="ca-pub-9512983930357661"
     data-ad-slot="5785466884">

본인 블로그에 들어가서 키보드 F12를 누르면 개발자 도구가 뜹니다.

새로 뜬 창에 왼쪽 구석에 아이콘을 클릭하면

페이지 내 모든 태그/요소들을 식별할 수 있어요.

마우스 커서를 가져다 대면 그 태그/요소가 어떤 폰트나 컬러를 사용하는지,

그리고 어떤 HTML로 작성했는지를 확인할 수 있어요.

제가 선택한 부분은 cover-thumbnail-list에 category 클래스 부분이네요.

꼭 잘 기억해 두시고요!

티스토리 관리자 > 스킨 편집 > HTML 편집을 클릭합니다.

HTML 탭으로 들어가서 <head> 부분에 폰트 링크를 추가해요

CSS 탭에 들어가서 아까 찾아두었던 cover-thumbnail-list에 category 클래스 부분을 검색합니다.

여기 폰트 패밀리를 변경해주세요.

적용을 누르고 다시 확인해 볼까요?

변경이 잘 되었쬬?

그럼 이만!

[Slack] OAuth Token 생성하기 (0)	2020.10.15
[기타] Emoji로 무료 Domain 등록하기 (8)	2020.01.29
[Tistory] Sitemap, 사이트맵 등록 (Bing - Microsoft) with Google (6)	2020.01.28
[Tistory] 블로그에 방명록 바로가기 버튼 만들기 (14)	2020.01.21
[Tistory] Sitemap, 사이트맵 만들기 - XML Sitemap Generator (6)	2020.01.17

냥장판