안녕하세요?
이번 포스팅에서는 티스토리 블로그에서 글씨체 폰트를 변경하는 방법에 대해서 소개해드리려고 해요. 평소 티스토리 블로그를 운영하시면서 글씨체를 변경하기를 원하셨지만 그 방법을 모르셨거나 어려워하셨던 분들에게 도움이 될 내용의 포스팅이니 끝까지 집중해주시고 최대한 자세하게 차근차근 풀어서 설명드려서 그대로만 과정을 따라서 밟아주신다면 어느새 티스토리 블로그 글씨체 폰트 종류가 원하시는 대로 바뀌어져 있을 거예요.
티스토리 블로그 글씨체 폰트 종류 변경 방법
1. '구글'에서 '눈누'라는 무료 한글 폰트 모음 사이트에 접속해주세요.
2. 상단 카테고리 중 '추천폰트' 또는 '모든폰트'를 선택해주세요.
인기가 많아 '눈누' 사이트 자체에서 추천해주는 폰트가 모여있는 카테고리를 원하시면 '추천폰트', '눈누' 사이트 내의 모든 폰트가 모여있는 카테고리를 원하시면 '모든폰트'를 클릭해주시면 된답니다. 여기서는 '추천폰트'로 선택해볼게요.
3. '모든 폰트에 적용'이라는 란에 원하시는 단어나 문장을 임의로 적어 해당 단어나 문장으로 적용되는 다양한 종류의 폰트를 미리 확인해주세요.
4. 원하시는 폰트 창에서 제목 부분을 클릭해주세요.
이 포스팅에서는 '넥슨 배찌체'로 예를 들어 폰트를 선택해보도록 할게요.
5. '넥슨 배찌체' 화면 하단으로 스크롤을 내려서 폰트 라이선스를 확인해줍니다.
티스토리 블로그에서 이용 가능하기 위해서는 '임베딩'이라는 카테고리에서 웹사이트 내 폰트 탑재가 허용되어야 합니다. '넥슨 배찌체'는 티스토리 블로그 폰트로 무료 이용이 가능하다는 것을 확인했습니다.
6. '웹폰트로 사용' 카테고리의 '복사하기' 버튼을 눌러 '넥슨배찌체' 코드를 복사합니다.
7. 본인이 폰트를 적용하고자 하는 티스토리 블로그의 '관리자' 페이지에 접속합니다.
8. 좌측 사이드바에서 '꾸미기' 카테고리의 '스킨 편집' 항목을 클릭합니다.
9. 좌우로 분할된 화면 중 우측 화면 '스킨 편집' 화면에서 'html 편집' 버튼을 클릭합니다.
10. 상단의 'html', 'CSS', '파일업로드' 중 'CSS' 항목을 클릭합니다.
11. 검색창을 이용해서 'Web Font Load' 부분을 찾아주세요.
검색창은 'CSS' 항목 화면 임의의 한 지점을 클릭한 뒤 [Ctrl] 키와 [F] 키를 동시에 누르면 나오며 검색창에 'Web Font Load' 입력 후 [Enter] 키를 누르면 노란색으로 음영 처리되는 부분에 집중해서 'Web Font Load' 부분을
찾아주시면 됩니다.
12. 그림에서 표시된 부분에 6번 단계에서 복사한 폰트 코드를 붙여 넣어줍니다.
13. A로 표시된 'font-family' 부분의 내용을 복사한 뒤 B로 표시된 'font-family' 부분의 내용 중 가장 맨 앞에 붙여 넣어 준 뒤 ',(콤마)'를 덧붙여줍니다.
B로 표시된 'font-family' 부분의 내용 중 아무 위치가 아니라 굳이 가장 맨 앞에 붙여넣어 주어야 하는 이유는 가장 맨 앞에 위치한 폰트로 사이트에 우선 적용되기 때문입니다.
14. 우측 상단의 '적용' 버튼을 클릭한 뒤 티스토리 블로그에 적용된 글씨체를 확인합니다.
마무리
지금까지 티스토리 블로그에서 글씨체 폰트를 변경하는 방법에 대해서 소개해드렸습니다. 이번 기회에 티스토리 블로그 글씨체 폰트 종류를 한 번 전체적으로 살펴보시면서 맘에 드는 폰트 종류가 있다면 이 포스팅을 보시며 바꿔보시는 건 어떠실까요? 티스토리 블로그에서 글씨체 폰트 종류를 바꾸실 계획이 있는 분들에게 유용한 도움되는 포스팅이었으면 좋겠습니다. 구독과 공감 그리고 댓글은 제가 이 포스팅을 지속하며 여러분과 소통하는데 정말 큰 힘이 되니 편하게 다가와주세요. 감사합니다. 행복한 하루 보내세요.
관련글
티스토리 왓에버(Whatever) 스킨에 헤더(header) 부분 고정 및 수정하는 방법
티스토리 왓에버(Whatever) 스킨에 헤더(header) 부분 고정 및 수정하는 방법
안녕하세요? 티스토리 왓에버(Whatever) 스킨에서 레이아웃 타입을 좌측 정렬로 하지 않는 이상 카테고리 메뉴가 최상단에 있기 때문에 포스팅을 다 읽고 다른 카테고리로 이동하기 위해서는 다시
rokggu.tistory.com
티스토리 왓에버(Whatever) 헤더(header) 고정 시 태블릿 모바일 출력 문제 해결방법
티스토리 왓에버(Whatever) 헤더(header) 고정 시 태블릿 모바일 출력 문제 해결방법
안녕하세요? 이번 포스팅에서는 티스토리 블로그 왓에버(Whatever) 스킨에서 헤더(header) 부분 고정 시 발생하는 태블릿과 모바일에서의 출력 문제를 해결하는 방법에 대해서 소개해드리겠습니다.
rokggu.tistory.com
티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상 해결 방법
티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상 해결 방법
안녕하세요? 티스토리 왓에버(Whatever) 스킨을 이용하다 보면 아래 그림과 같이 포스팅 제목이 잘리는 현상을 발견할 수 있어요. 방문자 입장에서는 온전한 포스팅 제목을 보고 판단한 뒤 유입될
rokggu.tistory.com
이 포스팅의 내용이 도움이 되셨다면 공감 꾹♥
이 포스팅의 모든 내용에 대해 무단 복제 및 2차 생산 가공을 금지합니다.