Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Small fonts have color distortions when rendering on Linux, how to fix?

  • 4 답장
  • 2 이 문제를 만남
  • 5 보기
  • 최종 답변자: FredMcD

more options

I noticed that small fonts on one website were strangely colorful. I narrowed it down to a simple HTML snippet:

<span style="font-family:sans-serif; font-size:10pt; font-weight:lighter; color:white; background-color:black;"
      >The quick brown fox jumps over the lazy dog</span>

Attached scaled image on how it renders on my Linux Firefox 47.

The text is supposed to be white, and it is working on windows. On two different Linux distributions (Arch and Ubuntu) colors appear out of nowhere. Does Firefox need something specific to be installed on Linux for correct font rendering?

I noticed that small fonts on one website were strangely colorful. I narrowed it down to a simple HTML snippet: <pre><nowiki><span style="font-family:sans-serif; font-size:10pt; font-weight:lighter; color:white; background-color:black;" >The quick brown fox jumps over the lazy dog</span></nowiki></pre> Attached scaled image on how it renders on my Linux Firefox 47. The text is supposed to be white, and it is working on windows. On two different Linux distributions (Arch and Ubuntu) colors appear out of nowhere. Does Firefox need something specific to be installed on Linux for correct font rendering?
첨부된 스크린샷

글쓴이 cor-el 수정일시

선택된 해결법

Looks that Firefox has a problem with the anti-aliasing settings and uses all available horizontal RGB pixels to render the text.

문맥에 따라 이 답변을 읽어주세요 👍 2

모든 댓글 (4)

more options

Seems HTML wasn't escaped correctly in the original post:

<span style="font-family:sans-serif; font-size:10pt; font-weight:lighter; color:white; background-color:black;"

     >The quick brown fox jumps over the lazy dog</span>
more options

선택된 해결법

Looks that Firefox has a problem with the anti-aliasing settings and uses all available horizontal RGB pixels to render the text.

more options

cor-el said

Looks that Firefox has a problem with the anti-aliasing settings and uses all available horizontal RGB pixels to render the text.

Disabling sub-pixel rendering solved the issue, thanks.

more options

Hello,

I am glad to hear that your problem has been resolved. If you haven't already, please select the answer that solves the problem. This will help other users with similar problems find the solution more easily.

Thank you for contacting Mozilla Support.