We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Why do some images not appear in websites? (even in safe mode)

  • 5 replies
  • 1 has this problem
  • 2 views
  • Last reply by cor-el

tailonfire
tailonfire
more options

See the first uploaded image to see how Google Chrome presents https://maps.google.com/localguides.

See the second uploaded image for how Firefox shows the webpage, even when it's running in safe mode (all add-ons disabled). What's going on?

I also have Firefox Developer version installed on my Linux, and it doesn't have this problem. This problem is not just on this webpage but others as well.

See the first uploaded image to see how Google Chrome presents https://maps.google.com/localguides. See the second uploaded image for how Firefox shows the webpage, even when it's running in safe mode (all add-ons disabled). What's going on? I also have Firefox Developer version installed on my Linux, and it doesn't have this problem. This problem is not just on this webpage but others as well.
Attached screenshots

Chosen solution

The elements that you are having issues with are actually not images, they are custom fonts. In the past, websites used to make icons using image files, but now it's common practice to use a custom font file or a font pack online (like Font Awesome, for example).

In the Fonts & Colors section of Firefox, click the Advanced... button and ensure that that Allow pages to choose their own fonts, instead of your selections above box is checked. Otherwise, websites will not be able to load the custom font files that they use for icons and you may get issues like you are currently having.

Hope this helps.

Read this answer in context 👍 1

All Replies (5)

Wesley Branton
Wesley Branton
more options

Chosen Solution

The elements that you are having issues with are actually not images, they are custom fonts. In the past, websites used to make icons using image files, but now it's common practice to use a custom font file or a font pack online (like Font Awesome, for example).

In the Fonts & Colors section of Firefox, click the Advanced... button and ensure that that Allow pages to choose their own fonts, instead of your selections above box is checked. Otherwise, websites will not be able to load the custom font files that they use for icons and you may get issues like you are currently having.

Hope this helps.

tailonfire
tailonfire Question owner
more options

Thanks, Wesley. Your reply not just helps. It solves the problem. I appreciate your input.

tailonfire
tailonfire Question owner
more options

Perhaps Firefox should disable this setting/option, as it breaks pages and people like me don't know what causes it.

Wesley Branton
Wesley Branton
more options

Glad I could help!

Perhaps Firefox should disable this setting/option, as it breaks pages and people like me don't know what causes it.

It has some practical use-cases, but for most users it should always remain enabled, as it normally is by default. However, as you've already alluded to, it's commonly the cause of many issues.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See also:

  • Bug 789788 - Not allowing pages to choose their own fonts breaks with icon fonts

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)