IT속으로

티스토리 기본글꼴을 나눔고딕으로 변경하기

더월드 2020. 7. 28.

○ 글꼴 가져오기

구글에서 제공하는 폰트를 가져오기 위해서 아래 사이트에 접속합니다.

https://fonts.google.com/earlyaccess

여러 폰트를 가져오기가 가능합니다.

 

나눔폰트를 바로 가져오기 위해서는 아래 링크로 접속해도 됩니다.

https://fonts.google.com/specimen/Nanum+Gothic?sidebar.open=true&selection.family=Nanum+Gothic 

 

 

○ 나눔폰트 적용 방법

- 구글폰트 사이트 접속,

- 우측 화면에서 'Embed' 선택

- @import  탭 선택

-  폰트링크 복사 -> 티스토리 -> 스킨편집의 html편집 화면에 적용.

-  CSS 복사 -> 티스토리 -> 스킨편집의 CSS 화면에 적용.

 

 

(1) 티스토리 스킨 편집 화면

 

(2). html소스화면에서 복사한 '<style>...</style>'을 그림같은 위치에 붙여 넣습니다.

    (아래 소스를 복사해서 사용해도 됩니다.)

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

- 티스토리 HTML소스화면에 적용해 보았습니다.

 

 

(3). CSS탭에서 복사한 'font-family: 'Nanum Gopthic', sans-serif;'을 그림같은 위치에 붙여 넣습니다.

  (아래 소스를 복사해서 사용해도 됩니다.)

...font-family: 'Nanum Gothic', sans-serif;...

- 티스토리 CSS 탭에서 적용해 보았습니다.

 

댓글

💲 추천 글