<!DOCTYPE HTML>
<html>
<head>
  <title>Checksums for downloadable fonts</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <style type="text/css">
    body { margin: 50px; font-size: 24px; }
    
    @font-face {
      font-family: VeraBadChecksum;
      src: url(../fonts/VeraBd.ttf);
    }
    
    @font-face {
      font-family: VeraGoodChecksum;
      src: url(../fonts/VeraBd-validchecksum.ttf);
    }
    
    .verabad { font-family: VeraBadChecksum, Futura, sans-serif; }
    .veragood { font-family: VeraGoodChecksum, Futura, sans-serif; }
    
  </style>

  <script type="text/javascript">
  </script>

</head>
<body>
<p class="veragood">Fonts load with or without correct head table checksums</p>
</body>
</html>