티스토리 글자체(폰트) 변경하는 방법 (나눔고딕체 Nanum Gothic 등)
본문 바로가기

애드센스 A-Z

티스토리 글자체(폰트) 변경하는 방법 (나눔고딕체 Nanum Gothic 등)

반응형

안녕하세요. 이번 시간에는 티스토리 블로그 운영하면서 글자체 폰트 변경하는 방법을 알려드릴께요. 저도 네이버 블로그에 익숙해서 이렇게 직접 다 만지는 티스토리 블로그는 좀 어색한데요. 이제는 좀 익숙해 지고 있네요. 네이버는 간단하게 원하는 글씨체를 선택할 수 있어 기본값으로 저장이 되는데요. 티스토리 블로그 또한 마찬가지 입니다. HTML 들어가서 코드만 변경해 주시면 끝나요. 

흔히쓰는 '나눔고딕' 체로 변경해 보려고 합니다. 저도 이 글씨체를 가장 선호합니다. 
먼저 https://fonts.google.com/earlyaccess (구글폰트 사이트) 에 접속합니다. 

구글 폰트 사이트에서 사용할 글자체를 찾으시면 되는데요. (익스플로레에서 사이트에 접속이 안된다면 Chrome 크롬으로 접속하면 된다. 사실 크롬이 더 편하고 빨라요. 한국어로 번역도 가능하니 위치만 찾고, 다시 원문으로 보세요) 그래야 코드가 제대로 나옵니다.

구글에서 제공하는 한국어 폰트 상당히 많습니다.  한국어에서 Nanum Gothic 찾았다면 클릭하고 들어오세요.

3가지 스타일이 나오는데요. 과거 글들을 보니, 사이트 업데이트 하면서 조금씩 용어로 위치는 변경된다는 것을 알 수 있습니다. 그래서 좀 시간이 흘러 이 글을 보신다면 사이트 화면이 동일하지 않다고 당황하지 마시고, 찾아보시면 됩니다. 화면에 가운에 글씨체 중 원하는 것을. 우측의 파란글씨 SELECT THIS STYLE 입니다.

우측으로 이런 화면이 뜬다. 이제 거의 다 했습니다. 이창을 띄워놓은 상태에서 티스토리 설정에 들어가세요.

꾸미기 스킨 편집으로 가서 HTML 편집 클릭하세요.

<head> 와 </head> 사이 원하는 곳에 넣어주시면 됩니다. 저도 보통 <head> 바로 밑에 붙입니다. 만약 이것도 찾기 힘들고 해당 글씨체를 사용하고 싶다면 아래 코드 그대로 복사해서 사용하세요.


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

그리고 하나더 추가해 주세요. CSS 코너에 가서 font-family 라고 적혀있는 부분을 찾으세요. 쉽게 컨트롤 F 눌러서 font-family 검색하면 바로 나와요. 

처음에 화면 우측에서 봤던 font-family: 'Nanum Gothic', sans-serif; 
그전에 사용중이던 글자폰트에 덮어쓰기하면 됩니다. 같은 위치에 그대로 붙여넣기 하고 저장하세요.

이렇게 2가지를 해주시면 원하는 글씨체로 바꾼 블로그를 확인할 수 있습니다. 가독성이 확실히 좋아진것 같아서 좋네요. 지금까지 티스토리 글자체(폰트) 바꾸기 방법을 공유해 드렸습니다.