티스토리 뷰

반응형

 

티스토리를 사용하면서 맘에 안드는 것 중의 하나는 바로 단조로운 글씨체인데요.

기본서체는 본고딕R, 본고딕L, 나눔고딕, 본명조, 궁서 6가지입니다. 

 

좋아하는 글씨체를 적용하면 블로그에 글을 쓰는 것이 좀 더 재밌어질까 싶은 마음에 변경해보도록 하겠습니다. 

 

 

폰트를 변경하려면 폰트를 구해야겠죠?

눈누라는 사이트에서 무료로 사용할 수 있는 폰트를 구할 수 있습니다. 

 

 

 

티스토리 폰트변경하기

 

1. 눈누 사이트에 들어가서 원하는 폰트를 선택합니다. 

 

 

저는 고딕에서 스위트 폰트를 적용해보려고 합니다. 

원하는 폰트를 선택해서 폰트 이름을 클릭하면 웹폰트코드가 나오는데 그 코드를 사용할거예요.

 

2.  웹톤트 코드를 복사하세요.

 

 

3. 내 티스토리 블로그의 관리자에 들어가서 꾸미기 → 스킨편집을 클릭합니다. 

 

 

4. html 편집으로 들어갑니다. 

 

 

5. CSS로 들어가서 @charset "UTF-8" 아래에 눈누에서 복사한 웹폰트를 붙여넣기 해줍니다. 

 

 

6. CSS가 열린 상태로 키보드에서 Ctrl + F 를 누르면 검색창이 나옵니다. 

검색창에 Font-family를 검색하세요.

형광펜으로 그은것처럼 색깔 구분이 되어 있을거예요.

Font-family 옆에 Noto Sans KR 대신 원하는 폰트의 이름을 따옴표 안에 적어주면 됩니다. 

그리고 적용을 누르면 완료.

 

 

폰트를 바꾸기 전에

메모장에 CSS의 내용을 전체 선택해서 복사 → 붙여넣기 해서 저장해 놓습니다. 

코드를 잘 모르는 우리는 실수를 할 수 있으니까요.

 

글을 쓰면 바뀐 글씨체로 바로 적용이 되는것이 보이지 않지만 글을 다 쓰고 완료를 누르고

쓴 글을 확인해보면 적용되어 있습니다. 

(현재 폰트는 나눔스퀘어..)

반응형