브라우저 글꼴 Aliasing Light on Dark 대 Dark on Light

Question

OSX에서 Chrome 34에 표시된 것과 같은 가중치로 동일한 얼굴을 보여주는 화면 그래 빙입니다. 그래서

:

그리고 충분히 명확하지 않습니다 경우

가 여기에 확대입니다 : 유일한 차이점은 텍스트의 색상과 배경의 색상입니다 그 차이는 광학적이지 않다는 것이 분명합니다. 어두운 배경의 밝은 텍스트에 Chrome의 무게가 가중됩니다. 다른 브라우저는이를 다양한 정도로 수행합니다.

일부 경우에 이것은 가독성을 높이는 데 도움이 될 수 있지만이 경우에는 텍스트가 너무 굵게 보일 수 있습니다. 이 추가 붕대를 어떻게 막을 수 있습니까?

Answer 1

OSX의 어두운 배경에 밝은 텍스트의 하위 픽셀 안티 앨리어싱은 horrendously broken이며 영원히 끔찍하게 깨졌습니다.

크롬의 글꼴 다듬기 옵션을 사용하여이 문제를 해결할 수있는 방법이 있지만이 문제를 해결하기 위해 어두운 배경에 텍스트를 렌더링 할 때 가중치가 많은 글꼴을 선택하고 더 가벼운 가중치를 사용하는 방법이 있습니다. Source Sans Pro, Merriweather 및 Source Code Pro는이 속성을 가진 좋은 오픈 소스 글꼴입니다.