Anti-aliasing

맥 os 를 사용하면 적용된 폰트가 무엇이든 이쁘게 보인다.

심지어 굴림, 돋움 같은 기본 폰트도 자동으로 안티 앨리어싱이 되어서 부드럽게 표현된다.

​

안티 앨리어싱이란 계단 현상 방지 기술 인데, 쉽게 말해 픽셀의 각진 부분을 스무스하게 바꾸어 주는 기술이다.

​

위 이미지의 오른쪽이 안티앨리어싱을 적용한 모습이다.

​

맥 os 를 사용하면 자동으로 안티앨리어싱을 적용해서 표현해주지만 windows 는 그렇지가 않다.

윈도우에서 돋움, 굴림 폰트를 사용해보면 매우 작게 혹은 매우 크게 확대하면 각져보인다.

돋움, 굴림 폰트 뿐만 아니라 대부분의 폰트가 저런 현상을 보인다.

​

이 현상을 해결하려면 글자를 살짝만 돌려주면 된다.

​

transform: rotate(0.04deg);