티스토리 스킨에 구글 웹폰트 설정

티스토리 반응형 스킨에 평소 좋아하는 영문 play 폰트를 구글 웹폰트를 이용해서 이용하고 있습니다. 생각보다 저만 좋아하는 영문폰트인것 같다는 생각이 드네요.

 

설정 방법은 어렵지 않습니다. 구글 폰트 페이지에서 마음에 드는 영문 폰트를 선택할 수 있습니다. 왼쪽 상단 검색창에 원하는 폰트 이름을 입력 합니다.

 

저는 play로 입력.

 

영문 폰트를 찾았다면 Text size에 따른 크기를 확인할 수 있습니다. 지금 저같은 경우 렉시새봄 폰트는 15px 나 16px가 가장 가독성이 좋다고 생각하고 있습니다.

 

그런데 play 폰트 같은 경우 14px, 18px 에서 가독성과 느낌이 좋다는 생각 입니다. 개인차가 있기 때문에 어떤것이 좋을지 말씀드리기는 어렵네요.

 

 

하지만 영문보다는 한글을 더 많이 사용하기 때문에 한글의 가독성 크기에 맞추었더니 약간은 어색해 보이기도 합니다.

 

@import url(http://fonts.googleapis.com/css?family=Play);

 

티스토리의 스타일 시트 맨 윗부분에 해당 구문을 넣어 주면 됩니다. 그리고 font-family: 'Play', 맑은 고딕, sans-serif; 와 같이 설정을 해두시면 됩니다.

 

맑은 고딕의 경우 한글 폰트를 함께 사용했을때의 예시 입니다. 처음 접속시 로딩 속도가 아주 조금은 느려지는 경향도 있지만 원하는 글씨체를 사용한다는 자기 만족도 큽니다.

 

구글 웹폰트를 티스토리에 적용하는 방법은 어렵지 않으니 누구나 쉽게 하실 수 있습니다.