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
'다상량(多商量) > 000 코딩 공부' 카테고리의 다른 글
[CSS] 티스토리 북클럽(Book Club) 수정하기(5) - 본문 가독성 높이기 (1) | 2020.11.23 |
---|---|
[CSS] 티스토리 북클럽(Book Club) 수정하기(4) - 메뉴 폰트 바꾸기 (0) | 2020.11.23 |
[CSS] 티스토리 북클럽(Book Club) 수정하기(2) - 폰트 문법 (0) | 2020.11.23 |
[CSS] 티스토리 북클럽(Book Club) 수정하기(1) - 폰트 설치 (0) | 2020.11.23 |
댓글