I am trying to load a font from Google Fonts using WebFontLoader.
It works perfectly on all browsers but IE 11 + Microsoft Edge.
The problem: the first time the font is loaded, it is not shown. In this page there are two iFrames. On first loading, the first iFrame is not loaded, but the second is loading fine
But when I hit refresh, both iFrames load correctly
This has made me think it has something to do with caching - the file it not loaded the first time.
From what I read here : Icon fonts not loading in IE11 and other places I understand this is an issue with IE not loading files with no-cache flag.
Various answers on the web claim that this is solved with removing the 'no-cache' flag from the server or setting "Cache-Control "max-age=3600"" flag.
The problem is I am not serving the files myself, they are loaded dynamically using WebFont-Loader directly from Google Fonts, and i cannot change these flags.
I am unable to host them myself because product considerations, I can only serve files from Google Fonts (also to enjoy the benefits of caching for other browsers).