티스토리 폰트 바꾸는 방법

티스토리 폰트 변경

티스토리 폰트 바꾸는 방법을 알아보겠습니다. 티스토리는 전문적이고 깔끔한 느낌은 좋지만 별로 귀엽지가 않습니다. 그래서 폰트 변경을 통해 전문적이고 깔끔한데 약간 귀여움을 한 스푼 추가하려고 합니다. 폰트를 변경하는 방법은 다양한 방법이 있는데, 오늘은 '눈누'라는 사이트를 통해 css를 수정하여 폰트를 일괄 적용하는 방법에 대해 설명하겠습니다.

 

1. 눈누 접속하기

폰트를 변경하기 위해서는 우선 눈누 사이트에 접속해야 하니, 링크를 클릭해서 눈누로 들어갑니다.

<눈누 접속하기>

 

눈누 홈페이지 메인

눈누에서는 각종 무료 폰트들을 제공하고 있지만, 아무 데나 막 쓰면 안 되고 각 폰트마다 사용 범위가 명시되어 있으니 확인하고 용도에 맞게 사용해야 합니다. 일단 원하는 폰트를 찾아 들어가 봅시다. 저는 메이플스토리체를 사용할 예정이라 메이플스토리체를 검색했습니다. 검색은 우측 상단 메시지 박스에서 검색할 수 있습니다.

넥슨 메이플스토리 폰트

폰트를 검색해서 들어가면 이렇게 뜨는데, 아래로 스크롤을 조금 내려보면 라이선스 관련 안내문이 있습니다.

라이선스 본문 및 요약표

이것은 해당 폰트를 이용함에 있어 권리나 사용 범위 등을 명시한 것으로 내가 해당 폰트를 상업적으로 이용할 생각이 있다면 꼭 참고하는 것이 좋습니다.

2. 적용하기

마음에 드는 폰트를 찾았다면, 이제는 적용할 시간입니다. 우리는 티스토리에 적용할 것이기 때문에 웹폰트로 사용해야 하는데, 다시 스크롤을 위로 올려서 오른쪽 상단을 보면 웹폰트로 사용하기 위한 소스가 있습니다. 해당 소스를 복사해 줍니다.

웹폰트로 사용을 위한 소스

이런 식으로 생겼는데, 드래그해서 복사해도 되지만, 빨간 네모로 표시한 아이콘 모양을 누르면 클립보드에 자동으로 복사가 됩니다. 이렇게 복사했다면, 이제 티스토리 설정으로 들어가 아래 메뉴를 찾아 들어갑니다.

꾸미기 > 스킨 편집 > 오른쪽 상단 html 편집 > CSS 탭 클릭

CSS 탭으로 들어가면 바로 첫 줄에 @charset "utf-8"; 이 보일 텐데, 그 아래에 폰트 소스를 붙여 넣기 해줍니다.

폰트 소스를 붙여넣기 해준다.

붙여넣기 했다면, 이런 식으로 되게 되는데, font-family 옆에 있는 것이 폰트 이름입니다. 제 경우에는 'MaplestoryOTF'라고 되어있습니다. 고른 폰트마다 차이가 있을 수 있습니다. 이제 모든 font-family를 찾아서 원하는 폰트 이름으로 다 바꿔주면 됩니다. 사람마다 위치나 개수가 차이가 있을 수 있으니, CSS 탭에서 Ctrl + F를 누르면 찾기가 활성화되는데, 찾기에 직접 font-family를 입력하면 쉽게 찾을 수 있습니다. 폰트명을 전부 바꿔줍시다.

 

전부 바꾼 뒤에 적용을 누르고, 새로고침을 하여 정상적으로 반영되었는지 확인해 주면 됩니다.