한글에 이상한 콜론처럼 이상한게 끼어들어서 한글이 깨져보일 때가 있다.
<너무싫다..> |
원인은 css style에 있었는데 내 블로그의 body font style에
text-rendering: optimizeLegibility
속성을 줘서 생기는 문제였다.
해결방법은 text-rendering 속성을 제거해주거나 text-rendering: auto 을 주면 해결이 가능하다.
<사라진 것을 볼 수 있다> |
왜 이런 문제가 발생했는가 하면..
text-rendering 속성 중에 optimizeLegibility는 몇몇 폰트에서 20px 이하의 사이즈일 때 가독성을 높여주려고 어떤 효과를 준다고 한다. (자세한건 검색을 mozilla 사이트에서..)
그게 한글 폰트에서 잘 안먹는 모양이니 auto를 주거나 제거하자.