크롬브라우져에서 워드프레스 사용 시 한글에 콜론(:)이 생길 때

크롬브라우져에서 사용 시 특정테마에서 한글에 콜론이 나타날 때

유료테마 또는 특정테마를 사용할 때 한글이 들어간 부분에 콜론(:) 이 나타나는 현상이 있습니다. 유료테마를 사용해 본 적이 없어 실제 겪어 보지는 못했지만, 워드프레스의 기본테마인 twenty twelve 테마가 위의 그림처럼 이러한 문제를 가지고 있습니다.

twenty twelve 테마를 기준으로 아래와 같이 원인과 해결책을 나열해 봅니다. 원인은 관련 이슈에 대한 여러 검색 결과를 토대로 결론 내린 것임을 참고하세요.

크롬브라우져의 버그

짐작이긴 하지만, 트위터 같은 특정 사이트에서도 관련 현상이 크롬브라우져에서만 나타나며, 그 외의 브라우져에서는 전혀 볼 수 없습니다.

크롬브라우져에서 트위터 페이지를 볼 때 한글에 나타나는 콜론

테마의 style.css 의 코드 수정

아래와 같은 부분을 테마의 style.css 파일에서 찾습니다.

// style.css
text-rendering: optimizeLegibility;

아래의 코드로 대체하거나 삭제 또는 비활성화합니다.

text-rendering: auto;
/* auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit; */

text-rendering에 대한 좀 더 상세한 내용이 알고 싶으시면 아래의 링크나 검색을 통해 얻으세요.

text-rendering