<!doctype html> <html> <head>

<link href="/basic.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/webfont.js"></script>
<script type="text/javascript">
  WebFont.load({
    typekit: {
      id: 'bod7grh'
    }
  });
</script>
<style type="text/css">
  /* Use classes to prove that Typekit triggers the event system correctly */
  h1 {
    visibility: hidden;
  }
  .wf-futurapt-n7-active h1 {
    visibility: visible;
  }
</style>

</head> <body>

<h1>
  Hello World. I am Futura PT.
</h1>
<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.
</p>
<p>
  You must load this page on "localhost" in order for the fonts to load.
</p>

</body> </html>