text-rendering: optimizeLegibility;

워드프레스 - twenty twelve 테마

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

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

[원인]
한글이 들어간 부분에 콜론(:) 이 나타나는 현상
크롬브라우져의 버그

[해결방안]

twenty twelve 테마의 style.css 의 코드 수정

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

text-rendering: optimizeLegibility;

아래의 코드로 대체하거나 삭제 또는 주석처리 합니다.

----------------------------------------------------------------------------------------

// 나의 경우 갤럭시 s3폰 내장 브라우저에서(모바일 크롬 브라우저에서는 이상 무!) 웹 폰트가 적용되지 않음. (나눔고딕, 영문 웹폰트 등) 

위 속성을 주석처리하면 제대로 구현이 됨!!!!