tradeboon

So here is what happened with me. I went into the get_javascript.php file and found the WebFontConfig code.

WebFontConfig = {
	// google: { families: [ 'Yanone Kaffeesatz:400,200', 'Gruppo', 'Droid Sans:normal,bold' ] },
	google: { families: " . $google_fonts_js . " },
	fontactive: function(fontFamily, fontDescription) {
		// Avoids 'FOUC' - Flash of unstyled content in Firefox, Set 'body { opacity: 0 }' in CSS stylesheet
		jQuery('body').css('opacity', 1);
		bfa_equal_columns();
	}
};

I edited it to read:

WebFontConfig = {
	google: { families: [ 'Yanone Kaffeesatz:400,200', 'Gruppo', 'Droid Sans:normal,bold' ] },

	fontactive: function(fontFamily, fontDescription) {
		// Avoids 'FOUC' - Flash of unstyled content in Firefox, Set 'body { opacity: 0 }' in CSS stylesheet
		jQuery('body').css('opacity', 1);
		bfa_equal_columns();
	}
};

After saving I reloaded my site and it finally had the correct font, but it was not the right weight. The font displayed as a thin line instead of the bold font it should be. So then I reverted the WebFontConfig code back to the original code as shown above. I then went and reloaded my website and – shazam – the font flickered and then loaded correctly.

I then went to the Bytesforall Montezuma sample page and that also loaded correctly for the first time. So somehow after changing the code and getting the font to load (albeit not the right weight) it was then loading ok, but still with the flicker issue.

I then managed to get to a friends place and use their computer. They have Windows 8 running and had never used the IE before. I went to my website and the font was again not loading and looked the same as before. I then tried the Bytesforall Montezuma sample page and it flickered for a long while and then loaded correctly. I then reloaded my website and it also loaded correctly after a long flicker.

So this whole thing has me baffled. I am not experienced enough to understand what is going on with this and I have no idea about using jscript or any of that stuff. What I do see is an obvious issue with this font loading correctly. In any browser there seems to be a bothersome flicker and in IE it has real problems.

I really like the looks of this theme, but the font issue really gives me second thoughts about continuing with it. I didn’t have a problem with this until I just recently updated to the latest version of Montezuma. So perhaps I need to try and find the previous version and see what changed to cause this problem.

Also, I would be asking for help on the Bytesforall site, but I am currently in a country where they have blocked access to the support section. Any help is much appreciated.

Seems the problem is with the Google Fonts (“Yanone Kaffeesatz”, sans-serif) as you mentioned. In the “Add Google Fonts” menu under “CSS Settings” in the “Montezuma Options” area the default entry is “Yanone+Kaffeesatz:400,200”. I deleted that entry and then checked the website in my other browsers. They all had the same problem as the IE browser. I then added the entry back in and the only browser that still had problems was IE. For some reason IE does not get that font, and even in the other browsers it takes a moment to correct to the right font.

So I am wondering what I need to add to have IE find that font and maybe even help the other browsers find it more quickly.

The below errors are what I believe is the issue with IE:

CSS3117: @font-face failed cross-origin request. Resource access is restricted. YDAoLskQQ5MOAgvHUQCcLbcQawGFB1zaa2VYh64hVv8.eot
CSS3117: @font-face failed cross-origin request. Resource access is restricted. We_iSDqttE3etzfdfhuPRWq2CVSYRrhnN0MLOqfxTW0.eot
CSS3117: @font-face failed cross-origin request. Resource access is restricted. YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff
CSS3117: @font-face failed cross-origin request. Resource access is restricted. We_iSDqttE3etzfdfhuPRYa6iXjgqaxY3DU3RqApPOI.woff
`
One of the links is – https://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLbcQawGFB1zaa2VYh64hVv8.eot

Thank you for your attention to this. Just a quick answer – yes, there are many other Montezuma sites I have viewed that have the same layout issue. Others don’t and I am starting to wonder if it’s just the sites that still have the original settings that are having a problem. Google fonts? I have seen something about loading them and have considered doing that. I will need to read more about that.

I really do appreciate your help.

Unfortunately I have tried all of those and still have the same issue. I’m sure it’s something simple but I have not been able to find the answer after much searching. I’m just concerned that others will have the same problem viewing my website that I have.

I think the most interesting point for me is that other browsers also show the same incorrect layout for a fraction of a second before correcting and displaying everything properly.

Yes I have checked using different settings with F12 and even uninstalled IE10 and checked in IE9 before reinstalling IE10 again. The results were always the same. Very confused.

Here is a link to a screenshot of what the Bytesforall Montezuma theme preview looks like on Explorer for me.

montezuma screenshot