본문 바로가기

Technology/블로그

[티스토리블로그꾸미기] 폰트 쉽게 바꾸기 (나눔고딕)

티스토리 블로그 꾸미기, 폰트 바꾸기

 

티스토리 블로그 꾸미기, 만약 내장된 폰트가 마음에 들지 않는 다면 CSS 두줄을 수정하여 글씨체 폰트를 간단히 바꿀 수 있다.

 

첫째로 원하는 폰트를 구글 폰트 사이트에서 골라 보자. 예를 들어 나눔 고딕과 같은 경우는 아래와 같다.

 

https://fonts.google.com/specimen/Nanum+Gothic?selection.family=Nanum+Gothic

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

구글 폰트 나눔고딕

여기서 주의해야 할 부분은 CUSTOMIZE 텝 Languages에 "Korean"을 선택하여 확실하게 한글 폰트임을 지정해야 한다.

 

지정을 완료하였으면 EMBED 텝에서 @IMPORT를 통해서 선언할 웹 폰트의 주소를 가지고 온다.

 

나눔고딕 구글 웹폰트 선언하는 법

그럼 이제 관리자 화면으로 들어가 스킨 편집을 클릭하여 HTML 수정 페이지로 들어간다.

 

티스토리 스킨 편집 폰트 변경

HTML 편집 클릭 후 CSS 텝으로 이동하여 기존의 폰트(24번째 줄)를 주석 처리(/* @import xxxx */)하고 아래와 같이(25번째 줄) 구글 폰트를 선언한다. 그리고 폰트 패밀리(31번째 줄)를 기존 폰트(30번째 줄) 대신에 나눔 고딕(Nanum Gothic)으로 변경을 한다.

 

각 스킨마다 CSS 파일이 다르므로 줄 번호는 다르지만 폰트 관련한 내용은 대부분 맨 상단에 정의가 되어 있으며 검색을 하여 찾는 것도 방법이다.

티스토리 CSS 변경 하는 법

저장하고 새 로고 침하여 기존의 폰트 글씨체와 비교해보면 아래와 같다.

 

티스토리 글씨체 변경 전후

구글 폰트 사이트에 다양한 웹 폰트들을 골라서 테스트해볼 수 있으니 본인의 취향과 글의 가독성이 뛰어난 폰트를 골라서 맘에 드는 블로그 구성을 하는 것도 매우 중요한 것 같다. 😊