[웹폰트] Windows에서 웹폰트가 깨지는(흐릿하게 보이는) 문제 일부 해결

블로그 폰트를 바꾸고 깨달았다.

웹폰트를 쓰면 유난히 폰트가 블러 처리 된 듯이 뿌옇게 보이는 거다.

 

분명 Google fonts 사이트에선 깔끔하고 멀쩡했던 글씨가, 아무리 사이즈가 작아졌다지만 너무너무 흐릿하다.

Windows 메모장에 글을 쓰면 선명하게 나오지 않는가.

 

구글링 해보니 같은 고민을 하셨던 분이 있었다.

원인은 OS라고 한다.

Mac에서는 괜찮은데 Windows에서 문제인 거라고.

 

아래와 같이 CSS 코드를 추가해줬다.

 

 

CSS 코드

/* 폰트를 깔끔하게 하기 위한 코드 추가 */
html, body {
	-webkit-text-size-adjust: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smooth: always;
	transform: rotate(-0.0000000001deg);
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
    ...
}

내 블로그에는 Orbit과 Hahmlet을 사용했다.

좋은 글꼴 감사하고 좋은 코드도 감사합니다!

 

 

 

참고