Font issues on develop.element.io: Numbers/digits and some icons not showing

[jaller94]

Steps to reproduce

1. Open the webapp

Outcome

What did you expect?

Numbers are readable.

What happened instead?

• All numbers (=digits) are filled squares in the default font.
• Also, some font icons are missing

Quick fix

• Switch the theme (from light to dark or the other way around)
• This fixes all numbers until the next tab reload

Browser console

downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:600 stretch:100 src index:0) source: https://develop.element.io/08751cc770c39924e20c.woff2?v=3.18
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:400 stretch:100 src index:0) source: https://develop.element.io/c6600ea739eb5fffc7e7.woff2?v=3.18
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:700 stretch:100 src index:0) source: https://develop.element.io/218488efcbfef2f28cf2.woff2?v=3.18
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:600 stretch:100 src index:1) source: https://develop.element.io/54b36732dde4ee34458c.woff?v=3.18
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:400 stretch:100 src index:1) source: https://develop.element.io/cf28cf8f1b67348ed87d.woff?v=3.18
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:700 stretch:100 src index:1) source: https://develop.element.io/e346a18d048c852371e9.woff?v=3.18
Content-Security-Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). sandbox eval code:1:264
FetchHttpApi: <-- GET https://example.com/_matrix/client/v3/sync?filter=xxx&timeout=xxx&set_presence=xxx&since=xxx [30390ms 200] [rageshake.ts:77:27](webpack://element-web/matrix-react-sdk/src/rageshake/rageshake.ts)
FetchHttpApi: --> GET https://example.com/_matrix/client/v3/sync?filter=xxx&timeout=xxx&set_presence=xxx&since=xxx [rageshake.ts:77:27](webpack://element-web/matrix-react-sdk/src/rageshake/rageshake.ts)
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:500 stretch:100 src index:0) source: https://develop.element.io/245d887445c3240a724a.woff2?v=3.18
downloadable font: rejected by sanitizer (font-family: "Inter" style:normal weight:500 stretch:100 src index:1) source: https://develop.element.io/5d5406ec0e328493ba6f.woff?v=3.18

Fonts used by the browser

Operating system

Manjaro Linux (based on the Arch repo)

Browser information

Mozilla Firefox 120.0.1

URL for webapp

https://develop.element.io/

Application version

Element version: 3281523-react-e3336aef296e-js-db0e3cfbb095 Crypto version: Olm 3.2.15

Homeserver

recent Synapse

Will you send logs?

Yes