Custom fonts not loading while Edge Animation inside an iFrame

Hi can someone help me with this strange problem? Custom fonts, specifically, Typekit fonts I used in my Edge Animate animation is not loading IE 11 when the animation is inside an iFrame. If you view the animation HTML directly on the browser, the fonts load perfectly fine.

Here is an example where the animation is inside an iFrame and part of a webpage where fonts are not loaded when using IE11.

http://www.pandaequipment.com/test/contact.html

and here is the HTML file directly where fonts and loaded fine in IE 11

http://www.pandaequipment.com/test/edgeanimate_assets/myhero/Assets/my hero.html

All the other browsers I tested don't have this problem.

Can someone tell me some ways to fix this in IE?