1714335 - Material icons show as text

Status: RESOLVED INVALID

(Core :: Graphics, defect, P3)

Description

[glassel]

Attachment: firefoxButtonProblem.png

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:88.0) Gecko/20100101 Firefox/88.0

Steps to reproduce:

Upgrade from ubuntu 16.04 to ubuntu 18.04
firefox version 88.0.1 (64-bit) Ubuntu canonical - 1.0

Actual results:

On some pages, buttons that are supposed to be shown as graphics are only shown as text. When clicked, the layout of the resulting popup is messed up. Chrome does not have the problem.
I show an example: the download buttons and page switching buttons of
mediathekviewweb.de (screen shot).
The text shown instead of graphics (expand_more, movie etc) does not show up in the html source code (^U).

Expected results:

I would expect to see the same graphical button elements as with e.g. chrome.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Miko Mynttinen]

The buttons on this website are text using Material Icons font, and for some reason they do not show. Have you disabled custom fonts for websites?

Could you please attach the contents of your about:support here, so we get some more information about your setup.
Instructions:

1. Enter about:support into the address bar.
2. Click the Copy text to clipboard button.
3. Paste the clipboard contents into a text editor like Notepad, and save the file.
4. Click the Attach New File button above the description here to upload the file.

Comment 3

[glassel]

Attachment: output of about:support

Comment 4

[Jonathan Kew [:jfkthame]]

It appears you have disabled the option "Allow pages to choose their own fonts, instead of your selections above" in the Firefox settings (in the Advanced options, under Language and Appearance). So the Material Icons font doesn't get used, and instead you get whatever default font is set in the browser preferences.

Comment 5

[glassel]

That's the solution. Thanks for your help!