부트 스트랩 3 대 부트 스트랩 4 글꼴 렌더링

Question

지금 당분간이 문제로 어려움을 겪고 있습니다. 동료 직원조차도이를 이해할 수 없습니다.

이 앱의 라이브 버전은 부트 스트랩 3에서 실행되며 내 로컬 버전은 부트 스트랩 4에서 실행됩니다. HTML은 완전히 동일합니다. 부트 스트랩 4의 글꼴은 부트 스트랩 3보다 너무 흐릿 해 보입니다. 모든 종류의 글꼴 렌더링 스타일을 시도했지만 아무도이 문제를 해결하지 못했습니다.

Bootstrap 4

Bootstrap 3

당신은 차이를 볼 수있는 눈의 좋은 쌍을 필요로하지만, 날 믿어, 차이는 볼 수 있습니다. 화면 캡처는 동일한 화면에서 이루어졌습니다.

누구나 아이디어가 있으십니까?

미리 감사드립니다.

Answer 1

부트 스트랩 4는 시스템 UI 글꼴을 사용합니다.

참조 : https://github.com/twbs/bootstrap/pull/19098/commits/73e5e89e0efb938072ba3b1da5d06d0d0e659db9.
https://github.com/twbs/bootstrap/pull/19098

흐릿하다고 생각되는 경우 다시 정상적으로 변경할 수 있습니다.

Answer 2

부트 스트랩 4은 아직 알파 상태가 아니지만 아직 베타 버전이 아니므로 프로덕션 용도로 사용할 준비가되지 않았습니다. 그래도 시도해 볼 수는 있지만 프로덕션에 넣지 마십시오.

이제는 부트 스트랩 3을 사용하는 것이 좋습니다.

Answer 3

1. 당신은 (어쩌면 그냥 브라우저 일이)
2. 또한 당신은 당신의 자신의 CSS를 확인하는 데 필요한 모든 브라우저에서 확인해야합니다. 그러나 여기를보십시오 : https://www.icondeposit.com/blog:how-to-properly-smooth-font-using-css3

Answer 4

크롬에서만 일어나는 것 같습니다. 나는 그것을 처리해야 할 것 같아. 모두에게 감사드립니다!