<!doctype html> <html> <head>
<link href="/basic.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/webfont.js"></script> <style type="text/css"> iframe { height: 100px; width: 100%; } </style>
</head> <body>
<script type="text/javascript"> function loaded() { var child = frames["child"]; child.document.body.innerHTML = "<h1>Hello World. I am Futura PT.</h1>"; WebFont.load({ typekit: { id: 'bod7grh' }, context: child }); } </script> <iframe name="child" src="/blank.html" onload="loaded()"></iframe> <hr> <p> <a href="#" onclick="document.getElementsByTagName('body')[0].style.color = '#fff';return false;">Hide Page</a> | <a href="/typekit.html">Reload Cached</a> </p> <p> The goal of this page is to show how Typekit fonts load into an iframe. </p> <p> You must load the fonts on "localhost" for this demo to work. </p>
</body> </html>