<!doctype html> <html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Show me Fonts</title>

<!--
  An external script will block page rendering in IE. Normally we fix that
  behavior, but here we'll undo the override.
-->
<script type="text/javascript" src="/webfont.js"></script>
<script type="text/javascript">
  WebFont.load({
    google: {
      families: ['Droid Sans'],
      blocking: true,
      api: '/fonts/api'
    }
  });
</script>

<style type="text/css">
  .serif {
    font-family: serif;
  }
  .droid {
    font-family: 'Droid Sans', serif;
  }
</style>

</head> <body>

<h1 class="serif">
  I am a serif font.
</h1>
<h1 class="droid">
  I am Droid Sans.
</h1>
<hr>
<p>
  <a href="#" onclick="document.getElementsByTagName('body')[0].style.color = '#fff';return false;">Hide Page</a> |
  <a href="/ie-slow-js.html">Reload Cached</a>
</p>
<p>
  The goal of this page is to restore blocking behavior in MSIE. This causes
  IE to block the entire page while loading fonts.
</p>

</body> </html>