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

How to fix Java placeholders instead of buttons on Firefox 31?

  • 13 replies
  • 2 have this problem
  • 1 view
  • Last reply by rainbowcat

more options

I think this is Java... I have lots of placeholders instead of working icons, particularly on Twitter, DuckDuckGo and many other sites. I'm using FF31 on a MacAir, but have the same problem with FF28 on an iMac. I've tried restoring FF and that helps for one session; as soon as I close the browser we're back to placeholders.

I think this is Java... I have lots of placeholders instead of working icons, particularly on Twitter, DuckDuckGo and many other sites. I'm using FF31 on a MacAir, but have the same problem with FF28 on an iMac. I've tried restoring FF and that helps for one session; as soon as I close the browser we're back to placeholders.

All Replies (13)

more options

Hi rainbowcat, Can you clarify what you mean by java placeholder? Maybe a screenshot would help :-)

more options

Thank you for your reply. I've attached a screen shot from Twitter and DuckDuckGo. They are small boxes, with letters in the middle instead of a picture. Maybe it's not Java? I have the same problem with icons from websites on my toolbar. And just to make things even worse, FF now twitches and jumps every time I switch from one site to another. Any help would be greatly appreciated!

Modified by rainbowcat

more options

The missing icons are supplied by a font that is downloaded from the server (@font-face) as you can probably see by little boxes that show the hex code of the characters.

Make sure that you allow pages to choose their own fonts to make Firefox use downloadable fonts.

  • Firefox > Preferences > 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 and make sure that it is set to true (if necessary double-click the line to toggle its value).

Modified by cor-el

more options

Thank you so much - that fixed it! Strange how I can over-ride fonts on Safari and not have that problem.

Any idea why I don't have icons on my toolbar? Or how to stop the twitching when I browse?

Thanks again for taking the time to help!

more options

You're welcome.

If you disable website fonts in Firefox then you also disable icon fonts as many websites use these days.


Are that bookmark favicons on the Bookmarks Toolbar?

If you see the favicon on the tab if you open such a link then you should also see that on a bookmark unless the link redirects to another web page or domain.

more options

Yes, those are favicons. They don't work any more, but they don't redirect. I've reinstalled them twice while FF is jumping about.

more options

You can check for problems with the places.sqlite database file in the Firefox profile folder.


You can let all favicons expire to see if that makes Firefox store them properly if you revisit the web page.

You can open the Browser Console (Firefox/Tools > Web Developer). Paste the JavaScript code in the command line and press the Enter key to run the code.

  • Toggle the devtools.chrome.enabled pref on the about:config page to true to enable the command line
var fS = Components.classes["@mozilla.org/browser/favicon-service;1"]
         .getService(Components.interfaces.nsIFaviconService);
fS.expireAllFavicons();

See also:

more options

I guess they are not really favicons - they are tool buttons. KeepIt! downloads video, and PinIt is for pinning a picture or video onto Pinterest. Neither button works. Sorry for having the wrong vocab, and I thank you muchly for your time trying to solve this for me.

more options

Aha, "bookmarklets" are scripts that don't have a site icon. If you want to attach an icon to them, you could craft a custom style rule for each one, but it might be more trouble than it's worth.

more options

I have code in userChrome.css to set a default favicon for items that do not have one. Some suitable icons are in this file:

  • chrome://global/skin/icons/folder-item.png

This should work for the Bookmarks Toolbar:

@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.bookmark-item:not(src):not([container]):not([type]){
 list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
 -moz-image-region: rect(0px,16px,16px,0px)!important;
}
.bookmark-item[container]:not([livemark]):not([query]){
 list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
 -moz-image-region: rect(0,32px,16px,16px)!important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

You can use this button to go to the currently used Firefox profile folder:

  • Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css. Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
more options

Thank you for all that research and work! These critters had icons before - they disappeared with FF31. I really don't want to go back to 28, which is where I was when they worked. I'll just use Safari for Keep It and PinIt and make everyone's life easier. You are an awfully kind soul to do all this work for me. Thanks again.

Hate to impose, but do you have any idea how to stop the twitching about?

Modified by rainbowcat

more options

What is the twitching? Something wrong in pages when you scroll them? Something odd on the toolbar?

more options

Toolbars are okay. The entire page jumps up and down every time I switch pages. Often when scrolling down when I release the track pad the page scrolls itself back up.