본문 바로가기
다상량(多商量)/000 코딩 공부

[CSS] 티스토리 북클럽(Book Club) 수정하기(3) - 제목 폰트 바꾸기

by 오류동최주부 2020. 11. 23.

HTML, CSS 이런 거 하나도 모르는 '완전 초보자'입니다. 

티스토리 블로그 개설 후, 제가 이 페이지를 어떤 식으로 꾸몄는지를 하나씩 설명하려고 해요.

개념보다는 실용 위주로! 뒤죽박죽 구글링한 내용을 하나씩 정리해보려 합니다.

(*지금 사용 중인 <북클럽(Book Club)> 스킨이 기준입니다.

스킨 종류에 따라 CSS 문법이 조금씩 다르다고 하더라고요. 참고하세요.)

 

오늘은 설치한 폰트를 활용해서 티스토리 블로그를 꾸미는 방법을 알려드릴게요. 

 

설치한 웹폰트 활용하기(1) - 블로그 제목 폰트 수정하기

제 티스토리 블로그를 예로 해볼게요. 먼저 메인화면입니다. 

 

저는 여기서 크게 두 부분으로 나누어 수정했습니다. 

블로그 제목 <다시, 삼다(三多)> / 그리고 나머지  부분(메뉴, 카테고리 등)입니다.

 

먼저, 블로그 제목 폰트를 바꾸는 방법 입니다.

1. 티스토리 블로그 관리자 모드로 들어갑니다.

 

[티스토리 블로그 관리] → [꾸미기] → [스킨편집] 으로 가서, 우측 상단에 있는 [html 편집] 버튼을 누릅니다. 

 

 

2. [CSS] 클릭 후, Ctrl+F키를 눌러 '#header h1'으로 시작하는 부분을 찾습니다. 

 

3. font-family : 'GyeonggiBatang' ; 이 부분이 글씨체를 설정하는 값입니다.

'GyoenggiBatang'을 지우고, 원하는 폰트 문법을 넣어 수정하시면 됩니다. 

 

4. 수정하셨으면, 우측 상단 [적용하기] → 가운데 상단 [새로고침] 을 누르셔서 바뀌었는지 확인하세요. 

 

*'폰트 문법' 확인하는 방법은 아래 페이지를 참고해주세요. 

 

[CSS] 티스토리 북클럽(Book Club) 수정하기(2) - 폰트 문법

HTML, CSS 이런 거 하나도 모르는 '완전 초보자'입니다. 티스토리 블로그 개설 후, 제가 이 페이지를 어떤 식으로 꾸몄는지를 하나씩 설명하려고 해요. 개념보다는 실용 위주로! 뒤죽박죽 구글링

samda1224.tistory.com

 

댓글