2025-03-11

갑자기 구글폰트 나눔 명조체가(Nanum Myeongjo) 이상하게 보인다!?

블로그에서 기본적으로 나눔명조체를 사용하고 있다.
근데 갑자기 로컬에서 자간이 엄청 길게 나오는 상황이 발생했다. 수정한게 하나도 없는데도.. (production은 이미 이전 font가 빌드 되어있어서 문제없는 상황)


alt text
단어 사이의 공간이 이상하게 넓은걸 확인할 수 있다.


alt text
Google fonts 페이지



삽질 끝에 css 문제가 아니라는걸 확인했고, 원인이 무엇인지 찾아보다가 며칠전 구글 WEb Designer Help에 올라온 글이 있었다.
나와 완전히 동일한 상황이였고 폰트 자체에 문제가 있다는걸 알 수 있었다.



조금 더 찾아보니 구글 폰트의 레포지토리가 있었고, 이슈를 확인해보니 나눔명조 폰트를 사용하는 사람들이 이미 이슈를 올린 상황이였다.


이슈와 PR을 따라가보니 5일전에 관련 이슈가 이미 머지되었고 production까지는 2주정도 소요될 수 있다고 한다. (원인이 발생한 PR, 해결한 PR)


PR의 내용을 통해 에러 발생 원인을 유추해보면, 웹에서 나눔명조체를 사용해 space를 사용했을떄 tofu가 보이는 이슈가 있다고 한다.
이 문제를 해결하기 위해 명시적으로 여백을 추가했고, 그 값이 너무 커서 사이드 이펙트가 발생한것으로 보인다.



우선 급한대로 블로그는 Noto sans로 변경.


나눔명조체로 다시 변경함!