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.

Firefox not displaying certain symbols

  • 5 replies
  • 3 have this problem
  • 3 views
  • Last reply by harrymfa

harrymfa
harrymfa
more options

I can't display certain symbols on Firefox. Example: ≡ does not show anything on the page I'm working on. However, a symbol like › would show.

I discovered a hack that displays the symbol by changing the tag.

≡

 with an h1, h2 tag and so on, it will display the symbol. This hack, however is semantically incorrect and I don't want it in my site just so the symbol can display on Firefox. My site already has the <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> just as this one.

Any suggestions?

I can't display certain symbols on Firefox. Example: <code><span>&equiv;</span></code> does not show anything on the page I'm working on. However, a symbol like <code> <span>&rsaquo;</span> </code> would show. I discovered a hack that displays the symbol by changing the tag. <code><h4>&equiv;</h4></code> with an h1, h2 tag and so on, it will display the symbol. This hack, however is semantically incorrect and I don't want it in my site just so the symbol can display on Firefox. My site already has the <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> just as this one. Any suggestions?

Modified by harrymfa

Chosen solution

Hey everyone, I found the solution. Turns out, I noticed the font family in my CSS was written as helvetica -all lowercase. I changed it to Helvetica, and voila. The character shows fine in Firefox. Seems like Firefox is more unforgiving than other browsers how you define your fonts on CSS. Still, that doesn't explain how the character doesn't show on pages with certain tags using the default font, but my particular problem is solved.

Read this answer in context 👍 0

All Replies (5)

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

Sounds that Firefox is using a font that can't display the ≡ (&#x2261;)

You can use this extension to see which fonts are used for selected text.

harrymfa
harrymfa Question owner
more options

The CSS was set with Helvetica or sans serif. I rendered it with no CSS and the default font still won't display it.

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

Do you have that problem with other symbols?

harrymfa
harrymfa Question owner
more options

Okay, so this is what I did: I took the whole source code of that page http://en.wikibooks.org/wiki/Unicode/Character_reference/2000-2FFF which displays all the symbols correctly, but as soon as I changed the symbol tag from td to span it vanished. So it looks that when wrapped on some tags, the symbols won't display.

A little more information, I'm working on a Wordpress theme, but I did a plain HTML page with the same results. The symbol displays on Safari, Chrome and Opera, I'm yet to try it on IE.

harrymfa
harrymfa Question owner
more options

Chosen Solution

Hey everyone, I found the solution. Turns out, I noticed the font family in my CSS was written as helvetica -all lowercase. I changed it to Helvetica, and voila. The character shows fine in Firefox. Seems like Firefox is more unforgiving than other browsers how you define your fonts on CSS. Still, that doesn't explain how the character doesn't show on pages with certain tags using the default font, but my particular problem is solved.

Modified by harrymfa