github.io 에서 한글 깨지는 현상

github.io 에서 한글 깨지는 현상

github.io 에서 한글 깨짐 현상이 있었다. 참고로 내가 생성/운영하는 웹페이지가 아니고, 모든 [고유아이디].github.io 에서 깨지는 현상이었다.

첨부한 스크린샷과 같이 한글이 깨지고 있었다. 예를 들어,

ex) 내가 개인적으로 무척 좋아하는 문구가 있다. Real Artists Ship. 스티브잡스가 한 말이라고 알려져 있는데 굳이 해석하자면 진정한 예술가는 출시한다 정도로 해석할 수 있을까?

-> 내가!개인적으로!무척!좋아하는!문구가!있다/Sf bm!Bsujt ul !Ti jq 스티브잡스가!한!말이라고!알려져있는데-!구지!해석하자면!지정한!예술가는!출시한다/정도로!해석할!수!있을까@

이렇게 깨진다.

구글에서 이리저리 검색해보았지만 방법을 몰랐다. 막상 내용을 복사 – 메모장에서 붙여넣기 해보면 깨지지 않고 잘 나오는 것으로 보아 IE 브라우저 문제로 보였다. (크롬에서는 정상적으로 보인다)

참고1) 한글 깨짐 화면

참고2) 한글 깨짐 화면 2

이러한 내용을 페이스북 페이지 <코딩이랑 무관합니다만,>에 문의 결과, 어떤 분께서 폰트 문제일 것 같다는 의견을 주셨다.

​

이에 따라 개발자도구에서 body 영역의 font를 Helvetica Neue 에서 굴림 으로 변경하였더니 (임시로나마) 해결됐다.

​

main.css의 내용을 보니 font Helvetica Neue, Helvetica, Arial, sans-serif 순으로 되어 있다. 사실 github.io 사이트 탓이라기보다 내 컴퓨터 폰트 문제인 것 같다. 폰트가 다 없으면 Arial이라도 바라봐야할텐데… 개발자 도구로 몇 가지 테스트를 해보니 Helvetica 를 바라보고 있다. 하필 Helvetica 폰트만 문제이고, 폰트 재설치를 해도 안된다. 여튼 github.io 사이트 탓은 아닌 것이다!

참고 스크린샷을 첨부한다. 끝.

참고3) 문제해결 (클릭하면 크게 보임)