Hi,
I'm troubleshooting a really weird problem with our web/custom fonts. We are using three fonts: (A) Aktiv Grotesk from TypeKit, (B) Font Awesome served from Amazon CloudFront, (C) Our own served from Amazon CloudFront. All fonts work great for the first couple of visits but after leaving Safari closed for some time (hours) and revisiting the site the fonts (A) and (B) are not loaded. (A) falls back to Helvetica and (B) bacomes squares.
We've found this problem on multiple machines in Safari 8.0.6 and Yosemite 10.10.3. Not sure about the extent of the problem for other versions.
How to reproduce:
1. Load https://www.mentimeter.com/plans, notice that icons (like the checkmark) are there
2. Close down Safari and leave it for some hours
3. Open it a go to the URL in (1) again, now checkmarks should have become squares.
Checking in inspector there are no errors or anything. They are just gone. Reloading the page doesn't work. To get them back one has to clear the cache and then reload.
Any ideas how to troubleshoot this? What could it be? When it comes to fonts the Inspector seems to rather off in general and does not in general show fonts are resources at all.
Here is what looks to be the same problem: http://stackoverflow.com/questions/29696700/font-awesome-icon-not-displaying-in-safari-and-ipad
