슬기로운 방구석생활, 블로그
티스토리 "블로그 이름" 폰트 바꾸기
HTML의 1도 모르는 초보자이지만
티스토리 마스터가 되기 위해 ㅋㅋ
소소하게 블로그를 꾸며보려고 하는데요.
그 첫 번째 시간은 바로 바로
블로그의 대문인 타이틀 폰트 변경이에요!
먼저 기존에 슬기로운 방구석생활
티스토리 블로그 이름
폰트는 나눔명조인데요~
정말 슬기로운생활에 사용할 법한
명조 폰트이기 때문에 바꿔주려고 해요 ㅋㅋ
HTML 초보자도 쉽게 따라할 수 있는 방법이니
천천히 따라서 진행해보세요 :)
사용한 스킨은 Book Club
북클럽 기준이니 참고하세요.
1. 구글폰트에서 사용하고 싶은 폰트 선택하기
아래 구글폰트 사이트에서
먼저 원하는 폰트를 찾아볼게요!
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
Google Fonts 사이트에 접속하면
다양한 폰트를 확인할 수 있는데요.
저처럼 블로그 이름이 한글이시라면
Language에서 언어를 Korean으로
설정한 후 찾아보시면 좋아요!
언어 필터를 한국어로 선택하면
한글에 사용할 수 있는 폰트만 나오고
비지니스, 큐트, 액티브 등 스타일 필터도
씌울 수 있으니 참고해세요~
원하는 스타일을 찾았다면
폰트 화면에서 Get Font 버튼 클릭!
< > Get embed code 클릭!
@import 클릭하면 나오는
2가지 소스를 모두 사용할 예정이에요~
2. 블로그 관리 → 스킨 편집에서 html 편집하기
html 편집하기를 누른 후
상단에 CSS를 선택하면
위와 같은 내용이 나오는데요.
티스토리 블로그 북클럽 스킨을 기준으로
23번째 줄 정도에 @import url(~~~)
이 부분을 구글폰트 사이트에서 찾은
1번 소스를 복사해서 변경해줬구요.
바로 아래 </style>. 뒤에
2번 소스를 복사 붙여넣기 하면
기본 세팅이 완료되었어요!
이 기본 세팅을 통해 제가 선택한
Dongle이라는 폰트를 나의
티스토리 블로그에 사용할 수 있게
설정해준 부분이에요~
다음 단계는 블로그 이름에 사용하는
폰트를 설정해주는 단계인데요.
북클럽 스킨 기준 158번 줄 근처에
#header h1을 찾아주세요!
(위에서 스킨 편집을 진행했기 때문에
줄 번호는 다를 수 있으니 참고만 하세요~)
font-family에 기존에 사용하던 폰트인
나눔명조가 적혀 있어서,
새로운 폰트명인 Dongle로 변경해줬어요!
짠 이름처럼 동글동글 귀여운 폰트로
티스토리 블로그 이름 바뀐 모습이에요!
HTML 완전 짱초보라 시행착오를 겪었지만
바꾸고 나니 아주 만족스러워요~~
블로그 소소하게 꾸미면서 얻은 꿀팁들
틈틈히 소개할테니 자주 구경오세요 :)
'티스토리 마스터' 카테고리의 다른 글
| 오블완 챌린지 경품 당첨자 발표 / 21일 5개 블로그 105개 게시글 선물은? (4) | 2024.12.09 |
|---|---|
| 오블완 챌린지 후 티스토리 광고 카카오 애드핏 AdFit 심사 완료 (0) | 2024.11.28 |
