X
Tap here to go to the mobile version of the site.

Support Forum

Blurry text and other elements

Posted

Hi everyone.


I have stumbled upon a weird issue and can't seem to solve it - some of the pages I visit seem to be blurry and lack sharpness in general. You can see it all on screenshots attached. This happens in different places, using gmail just as an example. I am currently typing this in a tab next to that gmail one, text and images here are in perfectly good shape.


What I have already done:

- forced my NVidia GPU to work with Firefox since I intially suspected that it might be an integrated Intel GPU that is causing this (I might've done something wrong so if you suspect this might be it - please elaborate on how I could address this);

- double-checked font settings, zoom - all seems to be fine;

- reset ClearText settings;

- checked if this presists on an external monitor - it does.


I am not claiming this just started happening after the last update: I haven't used Firefox for some good time and am now considering switching back. Version is included on screenshots just for reference. I am currently on 70.0 (64-bit).


Any input would be immensly appreciated!


Thanks in advance.


P.S.: difference is clear if you open screenshots in separate tabs and switch between them, kinda hard to see it when embedded here =)

Hi everyone. I have stumbled upon a weird issue and can't seem to solve it - some of the pages I visit seem to be blurry and lack sharpness in general. You can see it all on screenshots attached. This happens in different places, using gmail just as an example. I am currently typing this in a tab next to that gmail one, text and images here are in perfectly good shape. What I have already done: - forced my NVidia GPU to work with Firefox since I intially suspected that it might be an integrated Intel GPU that is causing this (I might've done something wrong so if you suspect this might be it - please elaborate on how I could address this); - double-checked font settings, zoom - all seems to be fine; - reset ClearText settings; - checked if this presists on an external monitor - it does. I am not claiming this just started happening after the last update: I haven't used Firefox for some good time and am now considering switching back. Version is included on screenshots just for reference. I am currently on 70.0 (64-bit). Any input would be immensly appreciated! Thanks in advance. P.S.: difference is clear if you open screenshots in separate tabs and switch between them, kinda hard to see it when embedded here =)
Attached screenshots

Modified by hsws

Quote

Additional System Details

Installed Plug-ins

Bitwarden uBlock Origin Firefox Container

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0

More Information

FredMcD
  • Top 10 Contributor
4269 solutions 59881 answers

Helpful Reply

I don't know what to tell you. I looked at your snapshots but can't see any problem.

Type about:preferences#content<enter> in the address bar. Across from fonts and colors, press the Advanced button. On the bottom, turn on Allow Web Sites To Choose Their Own.

Fonts Information - Detected via Flash http://browserspy.dk/fonts-flash.php?detail=1

I don't know what to tell you. I looked at your snapshots but can't see any problem. Type '''about:preferences#content'''<enter> in the address bar. Across from '''fonts and colors,''' press the '''Advanced''' button. On the bottom, turn on '''Allow Web Sites To Choose Their Own.''' Fonts Information - Detected via Flash http://browserspy.dk/fonts-flash.php?detail=1
Was this helpful to you? 1
Quote

Question owner

FredMcD said

On the bottom, turn on Allow Web Sites To Choose Their Own.

Fred,

To my surprise this worked another way around: I have turned off that option and it seems to be in a perfectly good shape now. That said, this also changes how many other websites look, so I would not call this a solution (pardon initial reaction).

If anyone else has any other advice (maybe it is a GPU-related issue after all?) - please don't hold it back.

''FredMcD [[#answer-1260964|said]]'' <blockquote> On the bottom, turn on '''Allow Web Sites To Choose Their Own.''' </blockquote> Fred, To my surprise this worked '''another way around''': I have turned off that option and it seems to be in a perfectly good shape now. That said, this also changes how many other websites look, so I would not call this a solution (pardon initial reaction). If anyone else has any other advice (maybe it ''is'' a GPU-related issue after all?) - please don't hold it back.

Modified by hsws

Was this helpful to you?
Quote
dxaefans 0 solutions 2 answers

Hey HWSW,

I am also facing issue related to Blurry text and other elements. When i Open my bigbash site I also see some of the elements have issues when I open site in Mozilla Browser.

So Any solution for this

Regards Ann Mariaa

Hey HWSW, I am also facing issue related to Blurry text and other elements. When i Open my [https://bigbashleaguelive.com/ bigbash] site I also see some of the elements have issues when I open site in Mozilla Browser. So Any solution for this Regards Ann Mariaa
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17578 solutions 158993 answers

Helpful Reply

If you choose not to show website fonts then this affects icon fonts that are widely used by website to display special images, so it is best to leave this in the default state and allow website to choose their own fonts (and colors). Also make sure that you haven't accidentally zoomed the page.

You can start Firefox in Safe Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration is causing the problem.

  • switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
  • do NOT click the "Refresh Firefox" button on the Safe Mode start window
If you choose not to show website fonts then this affects icon fonts that are widely used by website to display special images, so it is best to leave this in the default state and allow website to choose their own fonts (and colors). Also make sure that you haven't accidentally zoomed the page. You can start Firefox in <u>Safe Mode</u> to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if <u>hardware acceleration</u> is causing the problem. *switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes *do NOT click the "Refresh Firefox" button on the Safe Mode start window *https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode *https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems
Was this helpful to you? 1
Quote
dxaefans 0 solutions 2 answers

cor-el said

If you choose not to show website fonts then this affects icon fonts that are widely used by website to display special images, so it is best to leave this in the default state and allow website to choose their own fonts (and colors). Also make sure that you haven't accidentally zoomed the page. You can start Firefox in Safe Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration is causing the problem.
  • switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
  • do NOT click the "Refresh Firefox" button on the Safe Mode start window

Thanks a lot

''cor-el [[#answer-1260994|said]]'' <blockquote> If you choose not to show website fonts then this affects icon fonts that are widely used by website to display special images, so it is best to leave this in the default state and allow website to choose their own fonts (and colors). Also make sure that you haven't accidentally zoomed the page. You can start Firefox in <u>Safe Mode</u> to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if <u>hardware acceleration</u> is causing the problem. *switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes *do NOT click the "Refresh Firefox" button on the Safe Mode start window *https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode *https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems </blockquote> Thanks a lot
Was this helpful to you?
Quote

Question owner

cor-el said

safe mode, default theme, no extensions

@cor-el

Hi and thanks for your input.

I followed all your suggestions and I am afraid this does not help. I shot a short video (1 min long) that showcases what is happening. I recommend opening this in full screen in order to see what I'm talking about:

https://www.youtube.com/watch?v=QjKOEBVcYYc

Any other ideas? =)

''cor-el [[#answer-1260994|said]]'' <blockquote> safe mode, default theme, no extensions </blockquote> @cor-el Hi and thanks for your input. I followed all your suggestions and I am afraid this does not help. I shot a short video (1 min long) that showcases what is happening. I recommend opening this in full screen in order to see what I'm talking about: https://www.youtube.com/watch?v=QjKOEBVcYYc Any other ideas? =)

Modified by hsws

Was this helpful to you?
Quote

Question owner

Bump in case anyone came up with possible solutions.

Bump in case anyone came up with possible solutions.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8792 solutions 71910 answers

Gmail uses Roboto. In my Firefox, it seems to suffer at lower zoom levels (see attached screenshot).

Do you notice a similar difference on the Roboto demo page or is it somewhat peculiar to Gmail?

https://fonts.google.com/specimen/Roboto

Gmail uses Roboto. In my Firefox, it seems to suffer at lower zoom levels (see attached screenshot). Do you notice a similar difference on the Roboto demo page or is it somewhat peculiar to Gmail? https://fonts.google.com/specimen/Roboto
Was this helpful to you?
Quote

Question owner

jscher2000 said

Do you notice a similar difference on the Roboto demo page or is it somewhat peculiar to Gmail?

Hi and thanks for your input. No, sadly the page you linked looks absolutely normal. Do you think this is an issue exclusive to Roboto fonts?

''jscher2000 [[#answer-1264931|said]]'' <blockquote> Do you notice a similar difference on the Roboto demo page or is it somewhat peculiar to Gmail? </blockquote> Hi and thanks for your input. No, sadly the page you linked looks absolutely normal. Do you think this is an issue exclusive to Roboto fonts?
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8792 solutions 71910 answers

It's good to hear Roboto looks normal for you on the sample page.

What I noticed about Gmail on my Firefox is that it uses peculiar font size and spacing modifications. Such things can introduce "rounding errors" with font smoothing at smaller font sizes. If you zoom Gmail up to 120%, does it look smoother? (Zooming isn't the solution; possibly overriding Google's font rules would help, though.)

It's good to hear Roboto looks normal for you on the sample page. What I noticed about Gmail on my Firefox is that it uses peculiar font size and spacing modifications. Such things can introduce "rounding errors" with font smoothing at smaller font sizes. If you zoom Gmail up to 120%, does it look smoother? (Zooming isn't the solution; possibly overriding Google's font rules would help, though.)
Was this helpful to you?
Quote

Question owner

jscher2000 said

If you zoom Gmail up to 120%, does it look smoother?

Tried that, issue still persists, at least in Gmail. If what you suspect is indeed the case... man this is an awful move by Google.

Thanks for your input once again.

''jscher2000 [[#answer-1265595|said]]'' <blockquote> If you zoom Gmail up to 120%, does it look smoother? </blockquote> Tried that, issue still persists, at least in Gmail. If what you suspect is indeed the case... man this is an awful move by Google. Thanks for your input once again.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17578 solutions 158993 answers

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.

You can check in the Rules tab in the right panel in the Inspector what font-family is used for selected text. You can check in the Font tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website.

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected. *https://developer.mozilla.org/en-US/Tools/Page_Inspector/How_to/Examine_and_edit_HTML You can check in the <b>Rules</b> tab in the right panel in the Inspector what font-family is used for selected text. You can check in the <b>Font</b> tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website. *https://developer.mozilla.org/en-US/Tools/Page_Inspector/How_to/Edit_fonts
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.