I’ve had an odd error come through on my latest project. It hasn’t launched so I can’t share (because of contract obligations with my company), but here are some details:
- Facebook page via iFrame
- Issue seems to be in IE7-8 only
- Using custom @font-face fonts
- Cannot reproduce issue on VirtualBox
- When opening the page out of Facebook in the same browsers the issue is not reproduced (Facebook is contributing to the issue)
The issue is that the fonts load fine when the page loads originally in IE7-8, when the user goes to an interior page all @font-face fonts revert to their web-safe font backups. They will stay that way (even returning to the first page that had the fonts loaded) until the cache is cleared. The fonts load & stay loaded on the same test machine in Chrome & Foxy.
I found this error here, Facebook JS affecting CSS/@font-face in IE?, but it suggest that using the iFrame version should fix the issues, and we are using the iFrame version.
Anyone have any ideas?