10

I just upgraded to macOS Mojave a few days ago and I have noticed an issue with the fonts displayed in Safari for sites/themes that I have created on Tumblr.

It appears that Safari reverted back to the default of Times New Roman and I'm not sure why; this is only an issue in Safari. The fonts are correct when viewing the site(s) in FF and Chrome. It is also only happening on desktop; the view on my iPhone and iPad are showing the correct font.

EX: http://romanoffsbite.tumblr.com

The font I used on this site is Calibri and it was displaying correctly until I upgraded to Mojave; now, it's loading in Times New Roman and I cannot figure out why or how to fix it.

I have searched for this issue the last day or so and all I have been able to find is the solution to the fonts showing as thin and blurry in Mojave, but there hasn't been anything, that I could find, that applied to incorrect font(s) displaying.

(the solution for the thin and blurry fonts did work)

Any assistance with this would be greatly appreciated because it is really starting to become an issue because I work for a web design and development company and if I can't see the correct font(s), then it's never going to display correctly for me.

SPECIFICS

Again, any help with this would be amazing! I'm not sure where else to go from here, so I have come to all of you smart folks :)

Thank You! Nicole

Nicole
  • 101
  • 1
  • 5

3 Answers3

12

This is because of the new no-tracking privacy features in Safari 12 + Mojave.

Web developers no longer have access to the 'traditional web-safe fonts'; only the strict set of System fonts included in /System/Library/Fonts 'from the factory'

This is a sledgehammer, break-everything response to certain sites tracking people via the set of fonts installed on their computer, and thus available to css without requiring an @font-face include...

So, now, if you want to refer to Calibri, or Menlo, or Book Antiqua, you'll have to license them and include them as web fonts, even though you can pretty much bank that the person viewing your website already has them installed!! Slower experience for everyone :-(

Grr!

EDIT: i tried disabling the new option 'Prevent cross-site tracking' in Safari 12, but that did not help with this issue...

Peter
  • 1,236
  • 10
  • 10
  • Does setting the `WebKitPreferences.shouldAllowUserInstalledFonts` preference help? (`defaults write -app Safari WebKitPreferences.shouldAllowUserInstalledFonts -bool true`.) – giucal Jun 03 '19 at 13:18
  • @giucal's suggestion doesn't work, neither does adding the fonts to the `/System/Library/Fonts` directory (without SIP, etc. etc.). I'm puzzled. – Whymarrh Dec 08 '19 at 22:59
  • That's because it doesn't actually look in /System/Library/Fonts to see if you have the font; it just doesn't let your site use any other installed fonts than the ones *originally* in there (from the factory, so to speak) -- This is because websites track you in part by the fonts installed on your machine – Peter Dec 17 '19 at 16:58
0

Try to restore the fonts in Font Book -> File -> Restore Standard Fonts…

Антон Антонов
  • 923
  • 10
  • 17
-2

Easy fix:

  • Open Safari Preferences
  • Go to tab "Websites"
  • Under General on the left side click "Content Blockers"
  • Then turn OFF content blocker for the website you are browsing.

This fixed the issue for me.

Junior M
  • 1