본문 바로가기

웹코딩/CSS

웹폰트 깨짐 현상 해결방법

보통의 웹폰트는 크기가 15px 아래로 내려가면 폰트가 깨지는데요,

p, a, h1, h2, h3, h4, h5, h6 {
    transform: skew(-0.1deg);
}

 

이렇게 하시면 웹폰트 깨짐 현상이 해결됩니다!

css가 글자들을 0.1도 기울리면서 깨짐 현상이 아주 쉽게 해결됩니다!

(가끔씩 0.01도 이렇게 알려주는 경우도 있던데, 0.01도를 기울여도 그대로인 폰트들이 가끔 있어서

0.1도를 돌리는 것을 추천드립니다 :D)

 

감사합니다!

'웹코딩 > CSS' 카테고리의 다른 글

티스토리 기본 스킨만으로 예쁘게 만들기  (5) 2020.12.26