[Tistory] hELLO 스킨 폰트 바꾸기(모바일 포함) ✍

기본으로 설정된 블로그 폰트가 맘에 안들어서 바꿔보았다. 방법은 간단하지만 조금 귀찮은 작업이었다..ㅎ

 

📝 순서

1. 바꾸고 싶은 폰트 다운받기
2. 블로그 어드민 사이트 -> 사이드바 메뉴에서 스킨 편집 -> HTML 편집 으로 이동
3. css 코드 상단에 font-face{} 추가
4. font-family 수정

 

 

📌 바꾸고 싶은 폰트 찾기

폰트 무료 사이트 : https://noonnu.cc/

눈누

원하는 폰트를 찾고 우측의 웹폰트로 사용 코드를 복사한다.

 

 

📌 블로그 어드민 사이트 -> 사이드바 메뉴에서 스킨 편집 -> HTML 편집 으로 이동

어드민 사이트 주소는 티스토리 블로그 URL 뒤에 /manage/ 붙이면 된다.

ex) https://easyhomputer.tistory.com/manage/ 

 

 

📌 css 코드 상단에 font-face{} 추가

아까 복사한 font-face{} 코드를 CSS 파일 상단에 붙여넣는다.

 

 

📌 font-family 수정

이 과정이 제일 귀찮은 작업이다. 

font-family를 검색해서 모두 '폰트 이름'으로 변경한다.

⭐ 모바일도 적용하고 싶다면 @media로 시작하는 코드에 font-family: '폰트 이름'을 추가하면 된다.

🚨 버튼 CSS의 font-family는 수정하면 안된다. 버튼 이미지가 깨질 수도 있다.