본문 바로가기
티스토리(Tistory)

티스토리 글꼴을 바꿔보자!!티스토리 글꼴 추가하는 법!!

by 지하생활자 2021. 4. 13.

안녕하세요 지하생활자입니다

 

블로그 초보인데요 글씨체가 고딕,궁서 이런 기본 글씨체 밖에 없어서 정말 답답하더라구요!!

 

그.래.서!!

 

글씨체를 한번 바꿔보기로 하였습니다!!

 

긴말말고 바로 시작합니다

 

 

 

 

 

 

 

 

첫번째로 설정을 찾아줘야겠죠!!

 

먼저 블로그 상단에 있는 T 모양을 눌러줍니다!!(블로그 스킨에 따라서 위치가 다를 수 있습니다!)

 

 

 

 

 

 

 

 

 

 

 

 

그러며 이렇게 뜰텐데 여기서 톱니바퀴를 눌러줍니다

 

표시를 못했는데 저기 톱니바퀴 보이시죠!!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

톱니바퀴를 통해 설정으로 들어갔으면 왼쪽 사이드 바에 있는 스킨 편집으로 갑니다

 

(이것도 스킨에 따라서 위치가 다를 거에요 잘 찾아보세요!!)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

그러면 이런 창이 뜰텐데 우측에 있는 html편집이라는 버튼을 눌러줍니다

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

그러면 이런 창이 뜰겁니다!!

 

 

 

 

 

 

 

자 이제 구글 폰트라는 곳으로 들어갑니다

 

구글 폰트(한국어):https://fonts.google.com/?subset=korean

 

 

 

 

 

 

 

 

 

 

 

 

들어갈 때 기본적으로 한국어로 들어가지기 때문에 한글 폰트들이 검색이 될껍니다!!

 

 

 

 

 

 

 

 

 

저는 나눔고딕을 선택해주도록 하겠습니다!!

 

 

 

 

 

 

 

 

 

 

 

 

우측 상단의 원을 움직여주면 크기 조절도 할 수 있답니다!!

 

 

 

 

 

 

 

 

 

 

우측 상단의 +를 눌러줍니다!!

 

 

 

 

 

 

 

 

그럼 하단에 1 Family Selected라고 뜰겁니다 저기서 -버튼을 눌러주세요!!

 

 

 

 

 

 

 

 

 

 

그리고 @IMPORT를 눌러줍니다

 

 

 

 

 

 

 

 

 

그러면 텍스트 상자 두 개가 뜨는데 저 상자 안에 있는 텍스트 두 문장을 복사해서 메모장에 붙여넣기 합니다!!

 

참고로 <style>과 </style>은 복사하지 않고 font-family도 복사할 필요없습니다!! 

 

 

그러니까

 

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

 

이것과 

 

'Nanum Gothic'

 

이 두개만 복사하시면 됩니다!! 귀찮으신 분들은 제가 써놓은거 그대로 갖다 쓰세요

 

 

 

 

 

 

 

그다음 CSS로 들어갑니다!!

 

@import @##$%#$%$#

@import $#%^@#%@#%

 

저곳 보이시나요?저곳에 

 

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

 

이 문장을 붙여넣기 합니다!!!

 

 

 

 

 

 

그러면 이렇게 됩니다!!일단 1단계 성공!!

 

 

 

 

 

 

그다음 F3을 눌러서 font-family라는 걸 찾습니다!!!

 

 

 

 

 

 

 

 

그러면 이런 텍스트가 찾아질텐데요!!거기에 'Nanum Gothic'을 저처럼 붙여넣기 하면된답니다 콤마는 필수입니다

 

 

 

 

 

 

 

그러면 저렇게 폰트 추가가 완.료.된답니다!

 

 

 

 

 

 

 

 

 

 

 

폰트가 추가됬나 확인하고 싶으시면 글쓰기를 눌러서 폰트를 확인해줍니다!!폰트에서 나눔고딕이 보이면 성공입니다!!

 

참고로 저는 나눔고딕만 추가하기 아쉬워서 다른 폰트들도 추가했답니다!!

 

 

 

포스팅 봐주셔서 감사하구요.....도움되셨으면 하트?추천?이랑 댓글 부탁드려요!!

댓글