Issue only occurs upon closing the fancybox (v2.15) iframe.
The issue seems to be in IE8 on win xp only, doesn't apply to IE7 - not tested in other OS but other browsers work absolutely fine, the page loses the google font and reverts to the backup fonts in the css file. Using google webfont implementation and also tried the @font-face method but the same thing happens.
Site uses PIE for css3 in IE but have disabled that to make sure that is no causing any issues and it is not at fault so re-enabled it.
Searched the web for answers but could not find anything specific to my issue with a resolution. Found this but did not work: https://groups.google.com/forum/#!topic/fancybox/6tklf4D9EqA
I've also tried to force a redraw of the page when closing the popup to see if that would help but no such luck either:
$(".thickbox").fancybox({
type: 'iframe',
width: 640,
autoHeight: true,
padding:10,
title: null,
scrolling: 'no',
preload: true,
beforeClose: function() {
parent.jQuery('body').css('display', 'none');
},
afterClose: function() {
parent.jQuery('body').css('display', 'block');
}
});
To add to the font changing, the images on the product tabs also get messed up when clicking on the tab after the iframe has been closed.
Can't remember this being an issue before upgrading to fancybox 2.
Just noticed that if I click the compatibility view button in IE8, the issue with the font no longer exists when closing the fancybox popup (it does however break a lot of other stuff on the site beforehand).
If you're listening JFK you're knowledge but be a massive help and anyone else with any ideas please fire away, been on this hours and hours and the wall my head is banging won't budge!