-3

I'm having trouble reading some webpages on Firefox and MacOS. I commonly come across sites that look like the following.

Is it possible to determine which font is missing by inspecting the web page source or via web developer tools? The issue seems to be specifically related to Firefox as the fonts are loaded correctly with Chrome and Safari

Edit: Here is an example

enter image description here

cbcoutinho
  • 634
  • 1
  • 12
  • 28
  • What versions of Firefox and macOS are you using? – mann Jan 07 '23 at 19:45
  • 1
    Interesting tidbit: This is what I've termed "the offset by 1 problem". You'll notice that the displayed glyphs are actually one away from what they should be: instead of the letter `M`, you get one away, or `N`. Thus, `My job` becomes `Nz!kpc`. I've seen this happen before with font conflicts dealing with the font `Times`, which is Firefox's default serif font. – NSGod Jan 10 '23 at 18:47

1 Answers1

1

Alternative - Go into the browser console (Command + Option + I) and use the console selection pointer tool (icon to the left of under 'inspector' tab) and select a piece of text with the unknown font. Under the "Rules" panel where you will see all the CSS elements for the page, add to the body or paragraph element a definition "font-family:Arial" and see if this allows you to read the text.

mann
  • 184
  • 2
  • 11
  • Thanks @mann - this helped me identity that I didn't have a Google font installed on my system, specifically Source Serif Pro. – cbcoutinho Jan 07 '23 at 23:55