티스토리 블로그 폰트 변경하는 쉬운방법

IT,PC,모바일,스마트폰 정보와 팁 그리고 제품리뷰와 생활정보

티스토리 블로그 폰트 변경하는 쉬운방법

2019. 3. 8. 10:01

티스토리 블로그 뿐만 아니라 웹 사이트를 만들어서 이용하시는 분들도 이용할수 있는 방법인데요. 간단한 방법으로 티스토리 블로그의 폰트 변경하는 방법에 대해서 알아 보려고 합니다. 여기에서 알려 드리는 티스토리 블로그 폰트 변경하는 쉬운방법은 구글 폰트를 이용하는 방법인데요. 한글 폰트가 종류는 그렇게 많지는 않지만 쉽게 이용할수 있으니 폰트를 변경 하시고 싶으신 분들은 참고 하셔서 해보시기 바랍니다.

첫번째로, 구글 폰트 사이트에 접속을 해보시기 바랍니다. 접속을 하시면 아래와 같은 형태의 페이지를 보실수가 있을거에요. 처음에는 다양한 종류의 폰트가 보이는데 옆에 Languages 에서 Korean 으로 설정을 하시면 한글 폰트만 보실수가 있습니다. 여러 종류의 폰트중에서 마음에 드시는 폰트를 선택 하신후에 각 폰트 위쪽에 있는 + 모양의 아이콘을 클릭 해보세요.

그러면 아래와 같이 해당 폰트에 대해 사용할수 있는 Embed Font 설정 소스가 나오는데요. HTML 에 추가해야 하는 코드와 CSS 파일에 추가해야 하는 부분으로 나뉘어져 있습니다. 아래 코드를 티스토리의 스킨편집 -> HTML 편집에서 각각 추가를 해주시면 해당 폰트를 이용해서 블로그의 글씨를 표시할 수가 있습니다. 구글에서 폰트를 가져와서 표시를 하기 때문에 사람들이 해당 폰트가 PC 에 설치되어 있지 않더라도 표기가 가능 하니 내가 원하는 폰트를 사람들에게 보여 줄수가 있게 됩니다.

Embed Font 부분은 HTML 편집에서 HTML 부분의 <head> </head> 사이에 추가를 하시면 됩니다. 그리고 아래에 있는 Specify in CSS 의 내용은 CSS 에 추가를 하시면 되는데요. 일단 저는 아래와 같이 HTML 부분에 </head> 바로 윗 부분에 위에 구글 폰트에 나와 있는 코드를 추가를 했습니다. head 부분 어디에 넣어 두셔도 상관은 없습니다. link 부분이 보이는 부분에 추가 하셔도 되구요. 편하신 대로 추가를 해주세요.

다음으로 CSS 부분을 클릭 하셔서 body 라고 되어 있고 font-family 가 있는 부분을 찾으셔서 font-family 부터 위에 구글 폰트에 나와 있는 부분으로 교체를 하시면 됩니다. 아래는 제가 적용하고 있는 스킨의 CSS 부분을 캡쳐 했는데요 body, th, td, input, select, textarea, button 등 본문에 나오는 대부분의 폰트가 해당 부분의 설정으로 적용이 되고 있어서 이 부분만 수정을해줬습니다. 모두 변경을 하고 싶으시다면 찾기를 통해서 font-family 부분을 모두 원하시는 폰트로 변경을 해주시면 됩니다. ^^

여기 까지 하셨다면 티스토리 블로그 폰트 변경하는 쉬운방법이 끝나게 됩니다. 이제 다시 티스토리를 여신후에 폰트를 확인해 보시기 바랍니다. 내가 원하는 폰트가 적용 되어 있는지 확인을 해보시면 됩니다. 현재 제 블로그는 Noto Sans KR 이라는 폰트가 적용이 되어 있는 상태 입니다. 그럼 티스트로를 이용하시는 분들중에서 폰트를 변경하고 싶으신 분들에게 도움이 되셨길 바라면서 이만 포스팅을 마치도록 하겠습니다. 읽어 주셔서 감사합니다.

그리드형