This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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.

Rohkem teavet

Teema arhiveeriti. Please ask a new question if you need help.

" " displays differently from Chrome in various versions of Firefox. Why?

  • 3 vastust
  • 1 on selline probleem
  • 4 views
  • Viimati vastas shasharala

shasharala
shasharala
more options

I have an ASCII banner on my website that is not displaying correctly in Firefox. Certain versions of Firefox display the banner differently that other versions. To me this suggests that various versions of Firefox handle " " differently. I am really unsure how to resolve the issue, particularly since different versions of Firefox appear to have issues with the banner in different ways.

A test page is located at www.shasharala.net/fxIssue for your perusal.

I have an ASCII banner on my website that is not displaying correctly in Firefox. Certain versions of Firefox display the banner differently that other versions. To me this suggests that various versions of Firefox handle " " differently. I am really unsure how to resolve the issue, particularly since different versions of Firefox appear to have issues with the banner in different ways. A test page is located at www.shasharala.net/fxIssue for your perusal.

All Replies (3)

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

Seems to be working fine here.

Can you attach a screenshot?

  • Use a compressed image type like PNG or JPG to save the screenshot
  • Make sure that you do not exceed the maximum size of 1 MB

You can right-click on a web page and select "Inspect Element" to open the Inspector (Firefox/Tools > Web Developer). You can check the font used for selected text in the Font tab in the right pane of the Inspector to make sure that the specified monospace font is used and not a proportional font.

  • font-family: "ubuntu_mono",sans-serif;

Make sure that you allow pages to choose their own fonts and haven't changed the default font settings in case that is causing the problem. .

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

You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.

  • View > Zoom > Reset (Ctrl/Command+0 (zero))
shasharala
shasharala Küsimuse esitaja
more options

I have checked what you have suggested but everything is checking out. The page zoom is set to 100%, the .banner element is using ubuntu_mono as its font, and Firefox's preferences are set to allow a page to choose its own font.

I've updated the page some and provided images in this post to illustrate what I am seeing on Firefox 35.0.1. I do receive similar issues with other versions of Firefox.

shasharala
shasharala Küsimuse esitaja
more options

Upon further testing it seems that when I remove "font-weight: bold" from the .banner element that the banner displays correctly in Firefox.

It also will display with only small problems near the bottom if the font-weight is left alone but the width of the banner element is removed. This issue is more akin to what I see when I use Firefox on Windows.

This is quite curious to me. Is it possible that Firefox is handling font-weight in an odd way? I have checked Firefox's Inspector and the .banner element is certainly set to match the supplied CSS.

I have attached an image of what happens when the width of the banner element is removed.

Muudetud shasharala poolt