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

CSS Icons not displaying

  • 4 replies
  • 17 have this problem
  • 5917 views
  • Last reply by echdareez

more options

hi there,

I visited the site fontawesome.io this morning and noticed that the icons (displayed using CSS I think? Pardon me, a total newb in these matters :) ) were garbled. I've disabled all my extensions and tried again : still the same... Here is a screenshot: thanks so much!
/dimi

Modified by echdareez

Chosen solution

Those are a special font (@font-face) that is downloaded from the server, so you need to allow website to specify the font and also allow fonts to get downloaded.

Make sure that you allow pages to choose their own fonts.

  • Tools > Options > Content : Fonts & Colors > Advanced: [X] "Allow pages to choose their own fonts, instead of my selections above"

You can check the gfx.downloadable_fonts.enabled pref on the about:config page to make sure that it is set to true.

.

Read this answer in context 👍 2

All Replies (4)

more options

Hello, I am not seeing the issue that you have reported. Am able to see the fonts properly on the site (attached). Can you please confirm if you see the issue when Firefox is running in Safe Mode (instructions below)


Try Firefox Safe Mode to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.

(If you're not using it, switch to the Default theme.)

  • On Windows you can open Firefox 4.0+ in Safe Mode by holding the Shift key when you open the Firefox desktop or Start menu shortcut.
  • On Mac you can open Firefox 4.0+ in Safe Mode by holding the option key while starting Firefox.
  • On Linux you can open Firefox 4.0+ in Safe Mode by quitting Firefox and then going to your Terminal and running: firefox -safe-mode (you may need to specify the Firefox installation path e.g. /usr/lib/firefox)
  • Or open the Help menu and click on the Restart with Add-ons Disabled... menu item while Firefox is running.

FirefoxSafeMode

Once you get the pop-up, just select "'Start in Safe Mode" Safe Mode Fx 15 - Win

If the issue is not present in Firefox Safe Mode, your problem is probably caused by an extension, and you need to figure out which one. Please follow the Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems article for that.

To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.

more options

hi there,

Thanks for the reply! I did try starting up in safe mode but the problem was still there. Strange that you can not see the picture I added but I will re-attach the output to this reply as an attachment...

thanks! /dimi

more options

Chosen Solution

Those are a special font (@font-face) that is downloaded from the server, so you need to allow website to specify the font and also allow fonts to get downloaded.

Make sure that you allow pages to choose their own fonts.

  • Tools > Options > Content : Fonts & Colors > Advanced: [X] "Allow pages to choose their own fonts, instead of my selections above"

You can check the gfx.downloadable_fonts.enabled pref on the about:config page to make sure that it is set to true.

.

more options

Splendid, awesome, spectacular, absolutely fab, you deserve an A+ :-)

Not only was your reply helpful and did it solve my problem, I also understood why the problem was there to begin with... Thanks so much for your help, sincerely appreciated!

/dimi