티스토리 블로그 이름 폰트 변경

블로그 스킨을 북클럽으로 변경을 하게 되면 블로그 내에 좌측상단에 블로그 이름의 폰트가 나눔명조로 바뀌게 되면서 못생겨집니다.

 

그래서 무료 폰트를 시용하여 블로그 이름 폰트 변경해주겠습니다. 폰트를 바꿀때는 저작권을 신경쓰셔야 합니다. 저작권이 걸려있는 폰트를 쓰다가 문제가 생길수 있습니다.

 

---

※ 티스토리 블로그 이름 폰트 변경

• 구글 폰트에서 원하는 폰트 검색
• 글씨 코드 복사
• 블로그 스킨 html 수정

상단의 순서대로 하면 블로그 이름 폰트 변경이 간단하게 됩니다. 구글 폰트 저작권이 없는 것이 거의 대부분이며 확인이 가능합니다.

---

※ 구글 폰트 검색

구글에서 '구글 폰트'를 검색해서 들어가 원하는 구글 폰트를 찾습니다. 원하는 폰트가 있으면 검색창에 직접 입력을 해서 찾거나 좌측 검색 필터를 이용해 찾아줍니다.

 

원하는 폰트를 찾았다면 선택해줍니다.

 

---

※ 선택한 폰트 코드 복사

• 원하는 폰트 선택 - Get font - Get emved code - @import

 

License 탭에서 해당 폰트의 저작권을 확인할 수 있습니다. 거의 모든 구글 폰트는 무료로 사용할수있는 오픈 폰트 라이센스(OFL)이나 만에 하나 다를수도 있다고 합니다.

 

상단의 이미중 코드의 해당 부분만 복사해서 티스토리 블로그 스킨 html을 변경해주면 됩니다. 창은 닫지말고 티스토리로 이동합니다.

---

※ 폰트 코드 html 수정

• 블로그관리 - 꾸미기 - 스킨편집 - html 편집
• CSS 코드 추가 및 변경

 

구글 폰트의 위에 있는 코드중 @import~~~ 해당하는 줄만 복사하여 CSS Web Font Load에 추가해 줍니다. Web Font Load는 상단에 있어 찾기 쉽고 원래 있던 코드 아래 붙여 넣어주기만 하면 됩니다.

 

 

구글 폰트 아래 코드는 font-family 부분만 복사를 하여 CSS에서 'font-family'를 검색하여 header h1 부분의 font-family를 교체하여 주면 됩니다. 추가로 아래 font-weight는 폰트 굵기입니다. 폰트마다 기본 굵기가 달라 상황에 맞게 수정해주면 됩니다.

---

※ 수정 완료

코드 추가와 수정후 우측 상단 '적용'을 눌러주시고 나오면 블로그 이름 폰트 변경이 완료됩니다.