1 person found this helpful
I'm sorry that you ran into trouble with this. I also saw this issue when I tested your site in Chrome on OS X 10.9, although the fonts worked on reload because they were then cached in the browser.
I suspect the the issue is in the "src" attribute on the iframe:
iframe allowtransparency="true" frameborder="0" scrolling="no" src="edgeanimate_assets/myhero/Assets/myhero.html"
Would you try changing the src to a full path, and see if the fonts load into the iframe?
iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.pandaequipment.com/test/edgeanimate_assets/myhero/Assets/myhero.html"
Background: Typekit gets the domain name from the browser referrer and uses it to check that the site matches the listing on your kit. This is one of the security layers to make sure someone can't steal your Typekit fonts and use them on their own site. When loading fonts into an iframe, the iframe referrer needs to match as well.
If the iframe referrer doesn't match or is blank, the behavior is browser-specific. Some browsers will use the referrer of the parent page and so the fonts load, while others don't apply the fonts at all.
Setting the iframe src to the full URL should ensure that a referrer is sent, and may fix this issue.
Please give that a try, and let me know how it goes! Thank you,
Thank you for that explanation. However, after doing the necessary scr change, it still doesn't want to load the font. Below is a screenshot of the page in IE11.
I think I see another problem with IE11.
Please try to view this in IE 11 http://www.pandaequipment.com/test/edgeanimate_assets/myhero/Assets/myhero.html
You will notice that the fonts are also not loading. Only in IE.
Did you find what it is with IE11?
I too have a problem loading custom fonts in edge with IE11, though not in iframe.
The custom font load after a second or two, and every 2nd refresh the font doesn't load at all.
I have a similar problem with my custom fonts.
On IE the bold version of this font doesn't work.
On Firefox it's fine
On Chrome it doesn't work at first but it will start loading in 2 seconds afterwards.
any suggestions to make it work across the browsers?