[7] 티스토리 고래스킨 폰트 변경하기

정보를 공유하는 블로그에서 가장 중요시 해야 할 것은 가독성이라 생각합니다. 그런 의미에서 티스토리의 기본 서체는 가독성이 꽤나 좋은 편입니다. 하지만 비슷한 글이라도 특별한 폰트로 작성한 글은 전문적인 느낌이 나는 반면, 기본 서체로 써진 글은 전문성이 떨어지는 느낌이 들었습니다. 그래서 저는 평소 가독성이 좋다고 생각했던 폰트인 '리디바탕'으로 블로그 전체의 폰트를 바꾸어 주었습니다.

---

티스토리 고래스킨 폰트 변경하기

1) 폰트 고르기

저는 웹사이트 '눈누'에 소개된 폰트를 둘러보았습니다. 눈누에서 폰트를 고를 때 가장 중요한 것은 허용 범위를 임베딩으로 설정해주어야 한다는 것입니다.

다음은 제가 보면서 가독성이 좋다고 생각한 폰트들입니다. 저는 이 중에서 '리디바탕'체를 선택했습니다.

눈누 폰트 구경하러 가기

2) 폰트 코드 복사하기

원하는 글씨체를 클릭하여 들어가면 오른편에 웹폰트로 사용이라는 부분이 있습니다. 아래에 있는 코드를 복사합니다.

3) 티스토리 블로그에 적용하기

이제 이 폰트를 티스토리 블로그에 적용하여 주겠습니다.

폰트 코드 붙여넣기

스킨 편집> html 편집> CSS로 들어갑니다.

CSS 가장 상단에 복사한 폰트 코드를 붙여넣기 합니다. 폰트 코드에 있는 font-family의 정확한 이름을 복사해 둡니다.

저는 RIDIBatang이네요.

폰트 이름 추가하기

Ctrl f를 눌러 font-family를 검색합니다. 검색하여 나오는 모든 font-family 뒤에 폰트의 정확한 이름을 붙여넣기 합니다. 저는 font-family가 총 16개 검색되었고, 모든 font-family 뒤에 RIDIBatang을 입력해 주었습니다.

예시)

<기존의 코드>
body,html {font-family: sans-serif;scroll-behavior: smooth}

<아래와 같이 변경>
body,html {font-family: RIDIBatang, sans-serif;scroll-behavior: smooth}

눈누 폰트 구경하러 가기