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.

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

Firefox Windows displays Monofont not as monofont

more options

Since `monospace` means something diffrent on every device, and I need consistency between clients I use `Roboto Mono` on my Website as ASCII-Art font. For some reason Firefox on Windows cannot render the font properly (view image). What can i do to fix this? The problem presists across my desktop and Laptop. See for yourself https://nx2.site/my-ascii-art (I cannot guarantee this is always up + In the future it's hopefully fixed?)

Since `monospace` means something diffrent on every device, and I need consistency between clients I use `Roboto Mono` on my Website as ASCII-Art font. For some reason Firefox on Windows cannot render the font properly (view image). What can i do to fix this? The problem presists across my desktop and Laptop. See for yourself https://nx2.site/my-ascii-art (I cannot guarantee this is always up + In the future it's hopefully fixed?)
Attached screenshots

Chosen solution

Thanks for the help, the problem unfortunately remains in troubleshoot-mode aswell. I can also not really imagine that it's a "my machine" problem, since it occurs on 2 of my devices and on the Desktop of a freind aswell (again just Firefox, not Opera or Chrome)

The Issue only occures with the bold Font, thats becasue Roboto mono doesn't supprt my choosen weight of 700. So I switched to Source Code Pro (which does support it), now it works. (view image)

I'd still argue that it's weird that it worked on every OS-Browser Combo exept Windows+Firefox.

Resolved.

Read this answer in context 👍 0

All Replies (3)

more options

Did you make sure to include the space characters in the same element as the monospace characters because otherwise you may end up with normal spaces that have a different length than monospace space characters. A recent thread you can look at:

  • /questions/1412335 1, Strange formatting of <B> inside <PRE>, and 2, Unexpected formatting of bogus <D> element

Modified by cor-el

more options

OK, I tested it and it looks fine for me. Are you using extensions that can block remote fonts ?

You can right-click and select "Inspect" to open the built-in Inspector with this element selected.

You can check in the Rules tab in the right panel in the Inspector what font-family is used for selected text. You can check in the Fonts tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website.

more options

Chosen Solution

Thanks for the help, the problem unfortunately remains in troubleshoot-mode aswell. I can also not really imagine that it's a "my machine" problem, since it occurs on 2 of my devices and on the Desktop of a freind aswell (again just Firefox, not Opera or Chrome)

The Issue only occures with the bold Font, thats becasue Roboto mono doesn't supprt my choosen weight of 700. So I switched to Source Code Pro (which does support it), now it works. (view image)

I'd still argue that it's weird that it worked on every OS-Browser Combo exept Windows+Firefox.

Resolved.