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.

Learn More

This thread was archived. Please ask a new question if you need help.

Materialize design CSS seems to render badly in Firefox

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by gsus

gsus
gsus
more options

A lot of pages that uses materialized design CSS framework seems to have issues rendering correctly in Firefox. I see all strange CSS properties or HTML elements instead of the correctly rendered version. Not sure if it is only an issue with materialized design or a deeper issue, but I have seen this happening on multiple sites. For example this link:

https://developers.google.com/admin-sdk/directory/v1/reference/users#resource

You can see the different results between Chrome and Firefox in the attached images.

Running Ubuntu 18.04 KDE and Firefox 76.0.1 64-bit

A lot of pages that uses materialized design CSS framework seems to have issues rendering correctly in Firefox. I see all strange CSS properties or HTML elements instead of the correctly rendered version. Not sure if it is only an issue with materialized design or a deeper issue, but I have seen this happening on multiple sites. For example this link: https://developers.google.com/admin-sdk/directory/v1/reference/users#resource You can see the different results between Chrome and Firefox in the attached images. Running Ubuntu 18.04 KDE and Firefox 76.0.1 64-bit
Attached screenshots

Chosen solution

Go to Options => General => Click the Advanced button in Fonts & Colors section, then select Allow pages to choose their own fonts, instead of your selections above.

Read this answer in context 👍 1

All Replies (2)

TyDraniu
TyDraniu
  • Top 25 Contributor
more options

Chosen Solution

Go to Options => General => Click the Advanced button in Fonts & Colors section, then select Allow pages to choose their own fonts, instead of your selections above.

gsus
gsus Question owner
more options

That fixed it. Thanks for the help!