, 티스토리 블로그 북클럽 스킨 폰트 변경 방법
본문 바로가기
티스토리

티스토리 블로그 북클럽 스킨 폰트 변경 방법

by cocoelda 2023. 6. 23.

티스토리의 블로그 북클럽 스킨은 사용자의 취향에 맞는 다양한 폰트 커스마이징 옵션을 제공합니다. 사전 설치된 글꼴 라이브러리에서 선택하거나 사용자 지정 폰트 변경을 업로드할 수도 있습니다. 또한 글꼴 크기, 스타일, 간격 및 기타 매개변수를 수정하여 원하는 시각 효과를 얻을 수 있습니다.

 

 

대표사진-썸네일

 

 

1. 블로그 폰트 간단히 변경하기

블로그를 시작하기 전에 텍스트 글꼴이 중요한 이유를 살펴보겠습니다. 글꼴은 블로그의 전반적인 톤과 분위기를 설정하는데 중요한 역할을 합니다. 올바른 글꼴을 신중하게 선택하면 콘텐츠를 더욱 매력적으로 만들고 사람들에게 지속적인 인상을 남길 수 있습니다. 티스토리 블로그 북클럽 스킨에서 글씨체를 변경하는 실용적인 부분에 대해 알아보도록 하겠습니다. 

 

  • 블로그 자체 폰트 기본서체, 본고딕 R, 나눔 고딕, 본명조, 궁서체가 있습니다. 근데 글을 쓰다 보면 본문 1, 본문 2, 본문 3까지 폰트 크기도 폰트도 마음에 드는 폰트로만 일정하게 글을 쓰고 싶다면 CSS에서 폰트 변경과 폰트 크기도 조절 가능합니다.
  • 먼저 간단한 폰트 변경 방법은 본문 에디터에 간단히 글자 몇 자 적은 뒤 마음에 드는 폰트를 적용해 줍니다.
  • 블로그 자체에 있는 폰트 중 맘에 드는 폰트를 적용했다면 기본모드→ HTML에서 font-family에 폰트 스타일을 복사 후 CSS에 붙여 넣기 한 뒤 적용을 클릭하면 간단히 폰트 변경을 할 수 있습니다.(아래 이미지 참조)

 


-복사해서 붙여넣기-

font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;   -기본서체

font-family: 'Noto Sans Demilight', 'Noto Sans KR';     -본고딕R

font-family: 'Noto Sans Light';      -본고딕L

font-family: 'Nanum Gothic';         -나눔고딕

font-family: 'Noto Serif KR';        -본명조

font-family:  GungSeo, serif;        -궁서

 

 

★블로그 폰트를 간단히 변경하는 방법입니다. 블로그 자체 폰트를 사용할 경우 이 방법이 간단해서 알려 드렸고요, 블로그에 있는 폰트 외에 다른 폰트를 사용할 경우는 웹링크와 폰트도 같이 변경해 주면 됩니다. 

블로그-폰트-적용-방법
블로그 자체 폰트 적용해서 사용 방법

 

2. 블로그 폰트 외에 다른 폰트 적용 방법

그럼 이제 티스토리 블로그 북클럽 스킨에서 폰트를 변경하는 실용적인 부분에 대해 알아보도록 하겠습니다. 글꼴 설정에 액세스 하는 것부터 변경 사항을 미리 적용하는 것까지 블로그의 텍스트 글꼴을 변경하는 방법을 알아봅니다.

 

우선 블로그 자체 폰트 말고 다른 폰트를 적용하고 싶으시다면 맘에 드는 폰트를 검색해 봅니다.

구글 폰트(https://fonts.google.com/

  • 구글 폰트에서 맘에 드는 폰트를 고르셨다면 ①을 클릭 합니다.
  • ②은 선택한 폰트와 폰트 글자 굵기 표시 영역입니다. 
  • ③ @import를 클릭 후 아래 표시되는 링크를 복사한 후 css 붙여 넣기 합니다.
  • 폰트 스타일 ④을 복사 후 마찬가지로 css에 붙여 넣기 합니다.

 

구글-폰트-적용법
구글 폰트 적용법

 

 

  • 선택한 폰트를 ③은 3번 위치에 ④번은 4번 위치에 붙여 넣기 합니다. 이렇게 블로그 폰트 외에 다른 폰트를 적용해 보았습니다. 바꾸고 싶은 폰트를 선택한 뒤 wed font load와 type selector reset 부분에 웹링크와 폰트스타일을 붙여 넣기 후 적용하면 블로그 폰트 변경을 간단하게 할 수 있습니다.

 

폰트-적용하기
(위)폰트 적용전-(아래)폰트 적용후

 

 

블로그 폰트와 블로그 본문 폰트 크기와 폰트색상 등을 수정 가능합니다. 본문 폰트 수정에 관한 자세한 내용은(본문 글자 크기, 줄간격, 문자 간격 수정 방법)  확인해 보시면 쉽게 폰트 수정 하실 수 있습니다

 

블로그-폰트-크기-색상-변경
블로그 폰트-본문 폰트 수정

 

위 방법대로 폰트를 변경하고 싶다면 간단하게 변경하셔서 매력적인 블로그를 만드시길 바랍니다.