[티스토리 팁] 폰트 변경하기 / 글씨체 바꾸기
티스토리는 폰트를 바꾸려면 css를 직접 바꿔줘야합니다.
css에 친숙하지 않은 분들은 어려움을 느낄 수 밖에 없습니다.
따라서 그런 분들을 위해 폰트를 바꾸는 방법을 아주 쉽게 설명해보도록 하겠습니다.
우선 폰트 설정은 두 가지로 나눠서 할 수 있습니다.
A. 블로그 제목 폰트 설정
B. 블로그 내용 폰트 설정
A와 B를 동일한 폰트로 할 수도 있고, 다른 폰트로 할 수도 있습니다.
개인적으로 제목에 적용하기 좋은 폰트와 내용에 적용하기 좋은 폰트는 좀 다르다고 느껴져 저는 따로 쓰고 있습니다.
아래 사진으로 따라하기 쉽게 방법을 적어놓았으니 해보시고 궁금한 점은 댓글 달아주시면 바로 확인하도록 하겠습니다.
A. 블로그 제목 폰트 설정
1. 원하는 폰트 찾기
>>>모든 폰트 보기: fonts.google.com/
>>>한글 폰트 보기: fonts.google.com/?subset=korean
위의 홈페이지는 구글에서 제공하는 일종의 폰트 모음집입니다. 여기서 원하는 폰트를 선택하시고, 클릭해주세요.
2. "Select the style" 클릭
3. "@import"클릭
@import를 클릭하여 아래와 같이 바뀌는지 확인해주세요.
4. 티스토리 > 스킨 편집 클릭
5. "html 편집" 클릭
6. "CSS" 클릭
7. 폰트 홈페이지 > "<style> @import .... </style>" 에서 "@import..." 부분 복사
<style> 과 </style> 사이의 부분을 복사하면 됩니다.
8. 티스토리 > 이미 있는 @import 밑에 복사한 "@import..." 붙여넣기
기존의 @import를 지우고 붙여넣기 해도 상관없으나, 혹시 모르는 상황을 대비해 그냥 붙여넣기 하시는 걸 추천드립니다.
9. @import 아무거나 클릭 후 Ctrl+F > "header h1" 입력 > "header h1 { ..... " 확인
제목을 담당하는 부분을 찾는 것입니다. 우리가 건드릴 부분은 "font-family :..." 부분입니다.
10. 폰트 사이트 > "CSS rules to specify family " 밑의 부분 복사
11. "header h1" 밑의 "font-family : ..." 드래그하고 복사한 거 붙여넣기
저" font-family "부분을 교체한다고 생각하시면 됩니다.
12. "font-family" 바뀐거 확인 > 적용 클릭 > 새로고침 클릭 > 바뀐 제목 확인
제목 폰트 바꾸기 성공!
B. 블로그 내용 폰트 설정
※1~8번 A(블로그 제목 폰트 설정)과 동일합니다!
9. 폰트 사이트 > "CSS rules to specify family" 밑의 부분 복사
10. 티스토리 > 사진과 같이 "AppleSDGothicNeo" 뒷 부분 드래그, 복사한 것 붙여넣기
11. "font-family: ...." 바뀐거 확인 > 적용 클릭 > 새로고침 클릭 > 바뀐 내용 확인
질문 및 수정은 항상 환영합니다😊