Why are some icons not displaying correctly on my webpage?

  • Thread starter Thread starter strangerep
  • Start date Start date
Join the discussion
Ask a follow-up here, or get your own question answered by working scientists, mathematicians and engineers — people, not an autocomplete.
Real named experts · corrections over time · the nuance an AI answer skips
33 replies · 3K views
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
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   Reactions: Greg Bernhardt
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;
  }

}
 
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.