<!doctype html> <html> <head>

<link href="/basic.css" rel="stylesheet" type="text/css">
<script src="/webfont.js"></script>
<script>
  function progress(message) {
    var output = document.getElementById('events');
    if (output) {
      var e = document.createElement('li');
      e.innerHTML = message;
      output.appendChild(e);
    }
    if (window.console && window.console.log) {
      window.console.log(message);
    }
  }
  WebFont.load({
    fontdeck: {
      id: 2282
    },
    loading: function() {
      progress('loading');
    },
    active: function() {
      progress('active');
    },
    inactive: function() {
      progress('inactive');
    },
    fontloading: function(fontFamily, fontDescription) {
      progress('fontloading: ' + fontFamily + ' (' + fontDescription + ')');
    },
    fontactive: function(fontFamily, fontDescription) {
      progress('fontactive: ' + fontFamily + ' (' + fontDescription + ')');
    },
    fontinactive: function(fontFamily, fontDescription) {
      progress('fontinactive: ' + fontFamily + ' (' + fontDescription + ')');
    }
  });
</script>
<style>
  h1 {
    font-family: 'Fertigo Pro Regular';
    visibility: hidden;
  }
  h2 {
    font-family: 'Bodoni Display Bold Italic';
    font-weight: bold;
    font-style: italic;
    visibility: hidden;
  }
  .wf-fertigoproregular-n4-active h1,
  .wf-bodonidisplaybolditalic-i7-active h2 {
    visibility: visible;
  }
</style>

</head> <body>

<h1>Hello World. I am Fertigo Pro Regular.</h1>
<h2>Hello World. I am Bodoni Display Bold Italic.</h2>
<hr>
<p>
  <a href="#" onclick="document.getElementsByTagName('body')[0].style.color = '#fff';return false;">Hide Page</a> |
  <a href="/fontdeck.html">Reload Cached</a>
</p>
<p>
  The goal of this page is to show how Fontdeck fonts load.
</p>
<p>
  You must use "localhost" when testing Fontdeck fonts.
</p>
<ol id="events"></ol>

</body> </html>