Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

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?)
Captures d’écran jointes

Solution choisie

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.

Lire cette réponse dans son contexte 👍 0

Toutes les réponses (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

Modifié le par 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

Solution choisie

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.