Why are some icons not displaying correctly on my webpage?

  • Thread starter Thread starter strangerep
  • Start date Start date
Click For Summary
Icons on the webpage are not displaying correctly, appearing as squares with codes like "F032" instead. This issue is often caused by browser settings, particularly with NoScript blocking downloadable fonts, which are necessary for the icons to render. Users have suggested clearing the browser cache and whitelisting specific CDNs, such as maxcdn.bootstrapcdn.com, to resolve the problem. Additionally, some users have experienced issues related to security certificate mismatches that may prevent proper loading of resources. Overall, adjusting font settings and ensuring scripts are allowed seems crucial for restoring icon visibility.
  • #31
strangerep said:
OK, you've diagnosed it correctly. Thank you.
AWESOME!

Trouble is, I dislike the default fonts for ordinary text, and prefer serif style. This is going to be a pain.
Let's see what we can do to improve that attitude! :p One step at a time. I'll look further at my desktop tomorrow in the unlikely event that others don't provide suggestions first. :cool:
 
Physics news on Phys.org
  • #32
IF you decide to try Stylish, once it is installed:
  • Click its icon > Write new style > Blank Style
  • Fill in the name field (e.g. All Sites)--any name will do though.
  • Paste the following CSS into the editor and save.
Code:
@namespace url([PLAIN]http://www.w3.org/1999/xhtml);[/PLAIN] 

*
{
  font-family: serif !important;
}

@-moz-document domain("physicsforums.com") {

  .fa
  {
    font-family: FontAwesome !important;
  }

}

If you don't want to install a new extension, the above CSS can be added to userContent.css. (Without the namespace declaration). That file resides in your Firefox profile. A lot of people have trouble finding it but here's a pretty simple way to get to it:
  • Help > Troubleshooting Information
  • Click "Show Folder" under "Application Basics" near the top.
  • Open the Chrome folder.
  • Open "userContent.css" with a text editor and add the CSS below any existing CSS.
  • Save the file and (Re)start Firefox.

If userContent.css isn't there, then just create a new text file and save as "userContent.css". The name is case-sensitive so it needs to be exactly as shown.

ETA: Forgot to mention that once you get the style in place, you can select whichever font you want for serif in the advanced font settings and that font will be used.
 
Last edited by a moderator:
  • Like
Likes Greg Bernhardt
  • #33
Well, I forgot to take MathJax fonts into account; equations look really funky without them. So, hopefully this is my last edit:
Code:
*:not([style*="font-family: MathJax"])
{
  font-family: serif !important;
}

@-moz-document domain("physicsforums.com") {

  .fa
  {
  font-family: FontAwesome !important;
  }

}
 
  • #34
First, thanks everyone for the suggestions. But,... TBH,... I'm reluctant to introduce any more customizations into my setup. (I already have too long a list that I have to re-apply every 2-3 years when I do a total OS upgrade or switch.)

I think I'll just tolerate the partial lack of functionality/appearance for a while, then see how I feel later.

I want to spend more time studying/researching actual physics, (generalized dynamical groups, and Finslerian extensions to relativity), but I can't do very much of that on PF. :(

Thanks again.
 

Similar threads

Replies
10
Views
2K
  • · Replies 5 ·
Replies
5
Views
2K
  • · Replies 30 ·
2
Replies
30
Views
4K
  • · Replies 1 ·
Replies
1
Views
3K
  • · Replies 5 ·
Replies
5
Views
2K
  • · Replies 30 ·
2
Replies
30
Views
2K
  • · Replies 7 ·
Replies
7
Views
2K
  • · Replies 16 ·
Replies
16
Views
3K
  • · Replies 4 ·
Replies
4
Views
2K
  • · Replies 3 ·
Replies
3
Views
2K