구글 웹폰트 문제 해결하기 - 나눔고딕 글꼴 경로변경

자고 일어나니 블로그 글씨가 깨졌어요.. 엉엉엉 ㅠㅠ

깔끔하고 이쁜 나눔고딕체는 어디가고 폰트들이 죄다 굴림체로 변해있는게 아니겠어요.

2014년 8월 13일자 나눔글꼴 실종사건

처음에는 제 컴퓨터 문제인가 싶어서 쿠키와 히스토리도 싹 지워보고 전원도 껐다키고 익스플로러와 파이어폭스로도 접속을 해봤는데 폰트가 죄다 이상하게 나오는것으로 보아 뭔가 단단히 잘못되었다 싶었습니다.

스킨을 건드리진 않았으니 코딩 문제는 아닌것 같고, 초보 블로거의 등줄이 서늘해지는 순간이 온 것이지요.

하룻밤이 지나고 구글에게 물어보니 다행이도(?) 문제는 구글에 있었네요. 스킨을 배포해주시는 CMSfactory.net의 개발자 JB님께서도 확인해주셨어요.

구글에서 무료로 배포한 구글 웹폰트의 나눔고딕과 나눔명조 글꼴의 링크가 변경이 되었다는 따끈한 소식입니다.

1. 왜 이러는걸까요?

나눔글꼴을 불러오는 CSS 파일의 이전 경로인 http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot  을 확인하면 404 error가 뜹니다. 결국 CSS 파일 자체가 달라진 것은 아니고 구글측에서 웹폰트를 불러오는 경로만 업데이트를 한 것인데요. 아직 웹상에 다 반영되지 않아서 나의 소중한 블로그의 글꼴은 죄다 굴림체 변신하여 촌티가 팍팍!! >.<

예전 파일: http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot

새 파일: //themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot

2. 해결방법은요?

자동으로 업데이트 될 때까지 길어야 하루 이틀이면 될거라는 예상들이 대부분입니다만, 저 처럼 성격급한 분들이 분명이 있으시겠죠? 저는 못 기다립니다...!!!!

방금 업데이트된 경로로 새 CSS 파일 하나 생성하여 제대로 된 경로로 웹폰트를 찾아가도록 우회하였습니다.

새 경로로 업데이트된 nanumgothic.css 입니다.

< 2014년 8월 13일자 구글 웹폰트 나눔글꼴 에러 해결방법 >

1. 티스토리 관리 → 꾸미기 → html/CSS 편집 에서 Ctrl+F를 누르고 기존 경로인

 http://fonts.googleapis.com/earlyaccess/nanumgothic.css 를 찾아줍니다.

2. http://fonts.googleapis.com/earlyaccess/nanumgothic.css  이 부분을 http://cfs.tistory.com/custom/blog/169/1696426/skin/images/nanumgothic.css 로 수정합니다. (직접 링크할경우)

(이 CSS 파일은 제 블로그에 업로드된 파일입니다. 이 CSS 파일을 다운로드 하셔서 본인의 블로그에 업로드하셔서 사용하셔도 좋습니다. 이 경우 링크는 본인의 블로그에 업로드 된 CSS 파일의 주소를 확인하셔서 바꿔주세요.)

nanumgothic.css

3. 저장을 누릅니다

아~ 집나갔던 나눔고딕이 돌아왔어요!!! ^^

무료로 사용하는 웹폰트이니 언제 닥칠지 모르는 에러에 대해 해결방법을 숙지해 놓으면 마음에 평화가 오겠지요?

갑자기 사라진 나눔고딕으로 인해 멘붕오셨던 분들께 도움이 되었다면 좋겠습니다. 

이 글이 도움이 되었다면 공감을 눌러주세요.