기본서체 바꾸기 (북클럽스킨)

 

안녕하세요 애끼오입니다🙃

 

티스토리 기본서체 변경하는 방법

기록해봅니다 :)

 

---

 

현재 북클럽(Book Club) 스킨을 적용 중인데,

기본서체를 황조롱이로 변경했습니다.

 

글 쓸 땐 원래의 기본서체로 보여서 

지금 살짝 당황스러운데,

발행해서 확인하면 바꾼 글씨체로 잘 보이네요.

 

---

 

 

다운로드한 글씨체 파일을 업로드해서

글꼴을 추가하는 방법입니다.

 

글씨체 파일(TTF/OTF)을 다운받는 곳은

다양한데

무료 폰트사이트 눈누를 추천합니다👍

 

https://noonnu.cc/

눈누

 

---

반응형

 

<과정 설명>

 

1.

관리자페이지(톱니바퀴)에서

스킨편집 - html 편집에 들어가세요.

 

 

2.

글씨체 파일을 업로드하세요

(상단에 파일업로드 탭 선택 / 하단에 +추가)

 

 

이때!

 

글씨체 파일명을 영문으로 꼭 변경 후

업로드하세요!

 

*한글이 포함되면 오류로 업로드불가

 

전 등록하기 간편하게 hwangL로 바꿨어요.

 

등록된 파일은 목록에 바로 추가되는걸

확인할 수 있어요.

 

*이 파일명이 글씨체 저장경로가 됩니다

 

3.

업로드한 글꼴파일을

CSS 탭에서 적용시켜주세요

 

@font-face 를 사용하는 방법으로

CSS탭에서 적용합니다.

 

 

북마크 스킨 기준

CSS탭 상단에 Web Font Load 부분이 있어요.

 

글꼴 경로를 모아두는 곳인데,

끝부분에 @font-face 코드를 추가하면 됩니다.

 

 

 

추가로

Web Font Load 아래

body부분에서 font-fmaily를 찾아서

맨 앞에 폰트 이름을 넣어주세요!

                             

 

4.

잊지 말고 적용을 눌러야 끝.

 

기본서체가 싹 바뀌었습니다!

---

 

여기까지 했는데 

모바일에서는 글꼴이 바뀌지 않았다면?!

 

 

관리자 메뉴-꾸미기-모바일

 

 

티스토리 모바일 웹 자동 연결을

 

'사용하지 않습니다'로 바꾸면 

모바일 글꼴도 변경됩니다!