React ) 폰트 깨짐 문제 - 크롬 등의 브라우저에서 글씨가 흐려요...

나눔스퀘어 폰트를 이용해서 페이지를 만드는데 스퀘어 폰트는 원래 일정 크기 이하로는 글씨가 깨지는 현상이 있었다.

그 점을 감안하고 사용하는데 나눔스퀘어가 아닌 다른 폰트들도 유독 크롬 브라우저에서 글씨가 흐린 기분...??

 

그래서 윈도우 흐림기능도 꺼보고 크롬 개발자 버전도 깔아보고 해봤는데 해결이 안됐다 😥😥

 

해결방법

---

body {
	transform: skew(-0.05deg);
}

 

코드 한 줄로 해결...ㅎ

 

스크롤바가 생기면 다시 흐려져요

---

<div className={parent}>
	...
    <p>스크롤바가 생겼더니 글씨가 또 흐려졌어요 ㅠㅠ</p>
<div>

.parent {
	transform: skew(-0.05deg);
}

스크롤바 부모 태그에 코드 한 줄로 해결