Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

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

  • 4 antwurd
  • 2 hawwe dit probleem
  • 5 werjeftes
  • Lêste antwurd fan FredMcD

gccpy
gccpy
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?
Keppele skermôfbyldingen

Bewurke troch cor-el op

Keazen oplossing

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

Dit antwurd yn kontekst lêze 👍 2

Alle antwurden (4)

gccpy
gccpy Fraacheigener
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>
cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Keazen oplossing

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

gccpy
gccpy Fraacheigener
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.

FredMcD
FredMcD
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.