큰 Arial 글꼴 크기 - 40px Arial Bold를 사용하고 있습니다.Arial 글꼴 크기
Windows의 Chrome/Firefox 브라우저에서 정확하게 렌더링되지 않은 것으로 나타났습니다. 그것은 가깝지만, 미묘하게 다릅니다. 글꼴 크기를 46px로 늘리면 상황이 개선됩니다.
저는 이것이 Arial 글꼴의 픽셀 크기가 올바른지 픽셀 수준의 렌더링 문제라고 생각합니까?
"정확하게 렌더링 됨"을 정의 하시겠습니까? 다르게 다른 응용 프로그램에을 렌더링한다는 의미입니까? 그러나 그렇다면 어느 것이 진정으로 정확합니까?
정말 운이 좋다면 주어진 플랫폼의 모든 브라우저가 46px로 관리 한 것처럼 거의 비슷하게 렌더링 될 수 있지만 40px에서 발견 한 것처럼 분명히 주어진 것은 아닙니다. .
그러나 Windows의 모든 브라우저에서 달콤한 지점을 관리하더라도 Mac이나 Linux PC의 브라우저에 동일한 페이지를로드하면 아무런 효과가 없습니다. 휴대 전화 나 태블릿 컴퓨터에서 어떻게 보일지에 대해
픽셀 수준인지 여부를 묻는 메시지가 나타납니다. 폰트는 실제로 하위 픽셀 단위로 렌더링됩니다 (이에 대한 자세한 내용은 http://en.wikipedia.org/wiki/Subpixel_rendering 참조). 매우 높은 정확도를 가져야합니다. 그러나 글꼴에 대한 다양한 렌더링 방식이 존재하며, 이로 인해 앱과 플랫폼간에 상당한 차이가 발생할 수 있습니다.
대부분의 Windows 응용 프로그램은 글꼴 렌더링을 Windows API로 연기합니다. 그러나 웹 브라우저와 같은 응용 프로그램은 OS의 API가 제공 할 수있는 것보다 글꼴 렌더링을 훨씬 더 강력하게 제어해야하므로 자체적으로 구현해야합니다. 이것은 분명히 브라우저의 글꼴 렌더링과 다른 응용 프로그램의 글꼴 렌더링간에 차이가있을 수 있음을 의미합니다.
Microsoft는 글꼴 렌더링 분야에서 여러 가지 특허를 보유하고 있습니다. 즉, Firefox와 Chrome이 사용료를 지불하지 않고도 렌더링에 사용할 수없는 특정 기술이 있음을 의미합니다. 애플은 또한이 분야에서 특허를 보유하고있다. 이러한 기술은 쉽게 피할 수 있지만 다시 말해서 Firefox의 글꼴 렌더링은 Windows와 약간 다릅니다. 틀리지 않다; 그냥 다른.
마지막으로 선택의 문제가 있습니다. Apple Mac을 Windows PC와 비교해 보면 Mac의 글꼴 렌더링이 PC와 매우 다른 것을 쉽게 알 수 있습니다. Mac에서는 텍스트가 흐릿하지만 부드러워 보이지만 PC 텍스트는 더 선명하지만 가장자리가 더 들쭉날쭉해질 수 있습니다. 이러한 차이는 서브 픽셀 렌더링 레벨에서 OS 설계자가 선택한 선택에 달려 있습니다. 그들은 다르게 보입니다, 그러나 그들은 모두 유효한 선택이며 적극적으로 옹호 될 수 있습니다. Firefox는 이와 관련하여 자체 선택을했습니다.
결론은 무엇입니까? 웹 브라우저에서 픽셀 완벽 글꼴 렌더링을 고집하려고 시도하지 마십시오.
답장을 보내 주셔서 감사합니다. 나는 '픽셀 완벽한'을 찾고 있지 않으며 당신과 동의 할 지 확신하지 못합니다. 그것은 다르게 보입니다 - 다른 크기로 보입니다. 내 눈에는 글꼴 크기에 따라 글꼴에 중요한 차이가 있습니다. 예제를 설정하려면 문자 'i'를 사용하면 선과 점 사이의 간격 (및 점의 크기)이 크게 달라질 수 있습니다. – DaisyK
좋은 질문이지만 명확한 대답이 있는지 확실하지 않습니다. –