티스토리 블로그 나눔고딕 폰트 적용하기

티스토리 블로그 나눔고딕 폰트 적용하기

 

---

티스토리 블로그에서는 가독성이 좋은 나눔고딕 폰트체가 없습니다.

때문에 직접 적용을 해주셔야 되는데요.

 

'가독성'을 높이기 위해서 나눔고딕 폰트를 적용하는 방법에 대해서

포스팅 하겠습니다.

 

일단 폰트를 적용하기 전에, 복잡해보이는 html/css 편집을 위해서, 미리 백업을 하시는게 좋겠습니다.

혹여 잘못건드려서, 어디가 잘못됫는지 혼란스러워질 수도 있으니,

이때를 대비해 미리 스킨저장을 해두시면 유용하겠지요. 일종의 '백업'

 

 

그 다음으로, 적용할 나눔폰트가 필요하겠습니다. 나눔폰트는 네이버에서 직접 폰트파일을 무료로 다운받으실 수도 있으신데요.

우선 여기선 제가 올려드린 파일로 빨리, 적용하도록 하지요.

 

 

NanumGothic.eot

 

위 파일을 다운로드 하세요.

 

 

이제 본격적으로 폰트 바꾸기 적용해보겠습니다.

 

 

 

 

1, 블로그 관리 - 꾸미기 - HTML/CSS 편집 에 들어가신 후, 오른쪽에 있는

파일업로드 탭을 클릭합니다. 받으신 나눔고딕.eot 확장자의 폰트를 추가하셔서 업로드 합니다.

 

 

 

2. 폰트 업로드 후에 이번에는 HTML/CSS탭을 클릭한 후,  아래의 style.css에 소스를 변경합니다.

style.css 제일 위에 소스를 추가 해주시고, 밑에 body 뒤에 나오는 폰트 종류에 '나눔고딕'을 추가로 적어줍니다.

폰트 사이즈는 임의로 설정하시면 되겠습니다. 여기서 적용된 사이즈는 13px 입니다.

 

 

 

@font-face {font-family:나눔고딕; src:url(images/NanumGothic.eot)};   body{font-family:나눔고딕; font-size: 13px;}   div{font-family:나눔고딕; font-size: 13px;}

 

나눔고딕 소스.txt

 

이렇게 적용하신후, 저장을 하시면 나눔고딕 폰트가 적용되었습니다.

글쓰기를 할때 기본체인 돋움으로 글을 작성하시고, 저장을 하시면

이젠 나눔고딕폰트체로 나오게 될것입니다.