[웹폰트-나눔스퀘어] 웹에서 깨지는 현상

웹폰트 중 한글에서 예쁜 폰트 중 하나가 나눔스퀘어인데 자간이 좁고 가독성이 좋으나

16픽셀 이하로 떨어지면 웹상에서 깨져 보이는 현상이 있음

 

구글링을 해본 결과 css에 {transform: skew(-0.01deg);}를 주면 깨져 보이는 현상이 덜하다고 함

 

하지만 16픽셀 이하인 부분만 골라 css를 주는 것도 번거롭기 때문에

우리 회사의 경우 시안에서 title의 경우 혹은 18픽셀 이상인 경우에만 나눔스퀘어를 사용하고

그 외에는 그냥 Noto Sans Kr를 사용한다

(그 외 덜 깨지는 폰트들 : 애플고딕, 나눔고딕, 맑은고딕, 돋움)