티스토리 블로그에 특별한 느낌을 주기 위해 폰트를 적용하는 것은 매우 간단합니다. 아래는 그 과정을 단계별로 안내한 가이드입니다.
1. 구글 폰트에서 원하는 폰트 선택
Google Fonts는 무료로 사용 가능한 웹폰트를 제공하는 서비스입니다. 다양한 언어의 폰트를 저작권 걱정없이 사용할 수 있습니다.
2. 선택한 폰트의 Embed 코드 복사
원하는 폰트를 선택했다면 "Get font" 버튼을 클릭합니다. 저는 한글 폰트 중 SunFlower 폰트를 사용해보겠습니다.
"Get embed code" 버튼을 클릭합니다.
"SunFlower"폰트는 3가지 굵기를 적용할 수 있습니다. 제목이나 Bold에 굵기를 따로 적용해야 하기 때문에 모두 추가 할 필요가 있습니다. 추가했다면 임베드 코드를 복사합니다.
3. 티스토리 스킨 편집하기
폰트를 티스토리 블로그에 추가하기 위해 스킨을 편집해야 합니다.
관리 페이지에서 꾸미기 > 스킨 편집을 클릭하고 "html 편집" 버튼을 클릭합니다.
복사한 embed code를 <head> 태그 안에 삽입
폰트를 추가했다면 CSS로 폰트를 적용해야합니다. CSS탭을 클릭하고 다음 코드를 맨 아래에 추가합니다. SunFlower는 적용할 수 있는 굵기가 300, 500, 700이기 때문에 font-weight를 제일 작은 300으로 적용해야합니다.
body {
font-family: "SunFlower", sans-serif;
font-weight: 300; /* SunFlower의 경우 */
}Book club 스킨의 경우 본문에 운영체제가 사용하는 글꼴을 적용하고 있습니다. #article-view에서 font-family를 제거하거나 SunFlower를 추가합니다.
이제 폰트가 적용된 웹사이트를 확인 할 수 있습니다.
'IT' 카테고리의 다른 글
| 노션 웹, 데스크탑 및 모바일 다크 모드 설정 (0) | 2024.03.08 |
|---|---|
| 클라우드 스토리지 비교: 구글 드라이브 vs 원드라이브 vs 드랍박스 (0) | 2024.03.06 |
| 무료 스톡 이미지과 효과음 공유 웹사이트 Pixabay (0) | 2024.03.02 |
| 로컬에 워드프레스 설치하고 실행하기 (0) | 2024.02.26 |
| 모바일에서 트위터 고급 검색 하는 방법 (0) | 2024.02.26 |
