티스토리 블로그 폰트를 바꿔보자! 구글 폰트 사용하기

안녕하세요 토로토 입니다.

블로그를 꾸미다 보면 폰트를 바꾸고 싶을 때가 있습니다. 구글에서 구글 폰트 라는 서비스를 통해서 여러가지 폰트들을 무료로 제공하고 있는데, 이 구글 폰트를 이용하면 쉽게 블로그 폰트를 바꿀수 있습니다. html/css 코드를 수정해야 해서 그런지 많은 분들이 폰트를 바꾸는걸 어려워 하시는데요, 그래서 이번에는 구글 폰트를 이용해서 손쉽게 폰트를 바꾸는 방법에 대해서 알려드리려 합니다.

이미지 출처: Google Fonts

구글 폰트 사이트에 들어가 보시면 약 800개 정도의 폰트들을 찾아 보실수 있습니다. 원하는 폰트를 직접 찾아보셔도 되고 특정 언어 폰트를 원하신다면 오른쪽에 있는 필터 창에서 언어를 설정하셔도 됩니다. 아쉽게도 한글 폰트는 아직 5개 밖에 없네요.

구글 폰트 사이트: https://fonts.google.com/

아래 그림처럼 직접 텍스트를 입력하면서 어떤 모양인지 사용해 볼수가 있는데요, 글자 크기도 설정해 보실수 있습니다.

마음에 드는 폰트를 찾으셨으면 "Select This Font" 버튼을 클릭해서 선택해 줍시다.

티스토리에 폰트를 적용하기 위해서는 두가지 코드가 필요합니다. "@Import" 에서 <style> 을 제외한 나머지 코드와 "font-family" 로 시작하는 코드를 복사해 주세요.

티스토리 관리자 페이지에서 왼쪽에 있는 메뉴 중 "스킨 편집" 으로 들어가 주세요. 예전에는 html / css 편집 이였는데 업데이트가 되었는지 이름이 바꼈네요. 

예전처럼 바로 html 편집창이 뜨지 않고 스킨 정보가 뜨네요. "html 편집" 으로 들어가 줍시다. 

"CSS" 로 들어가신 후 맨 위쪽에 아까 복사한 "@Import" 코드를 붙여 넣어 주세요. 그 다음 body {} 코드 블럭을 찾아서 font-family 코드도 아까 복사한 코드로 바꿔줍시다. 

코드를 수정한 뒤 저장을 하시면 블로그 포스트 글들이 바뀐것을 보실수 있습니다. 

이상으로 포스팅을 마치겠습니다.