Left right (< >) replaced with small box with letters inside
Sample are attached. The samples are from google calendar, bit it occurs in other scrren
Additional System Details
- Shockwave Flash 32.0 r0
Widevine Content Decryption Module provided by Google Inc. OpenH264 Video Codec provided by Cisco Systems, Inc.
- User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0
The problem is with fonts.
Type about:preferences#content<enter> in the address bar. Across from fonts and colors, press the Advanced button. On the bottom, turn on Allow Web Sites To Choose Their Own.
Fonts Information - Detected via Flash http://browserspy.dk/fonts-flash.php?detail=1
What hex code is in the little boxes? Is this in the E000-E8FF PUA range that is used for downloadable fonts?
Special icons are usually supplied by an icon font that is downloaded from the server via @font-face CSS rules. I see this font in the Inspector: Material Icons Extended
You can check gfx.downloadable_fonts.enabled on the about:config page and make sure it is set to true (if necessary double-click the line to toggle its value to true). Also make sure you allow pages to choose their own fonts.
- Options/Preferences -> General: Fonts & Colors -> Advanced
[X] "Allow pages to choose their own fonts, instead of my selections above"
If you use uBlock Origin then make sure that "block remote fonts" isn't enabled.
gfx.downloadable_fonts.enabled - true
Options/Preferences -> General: Fonts & Colors -> Advanced is checked.
At the top of advanced - Fonts for it was set to Latin
You can check the Web Console (Tools -> Web Developer) for messages about blocked content and font related messages.
You can check the Network Monitor to see if content is blocked or otherwise fails to load.
If necessary use "Ctrl+F5" or "Ctrl+Shift+R" (Mac: Command+Shift+R) to reload the page and bypass the cache to generate a fresh log.