layout/reftests/font-face/insert-rule-1.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US" class="reftest-wait">
   4 <head>
   5         <title></title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <style type="text/css">
   8
   9         body { font-family: "MarkA", "MarkB"; }
  10
  11         </style>
  12         <script type="application/ecmascript">
  13
  14         function run() {
  15                 // The resize-detector iframe will remove the class attribute.
  16                 document.getElementsByTagName("iframe")[0].contentWindow.arm();
  17
  18                 var sheet = document.getElementsByTagName("style")[0].sheet;
  19                 sheet.insertRule("@font-face { font-family: 'MarkA'; src: url(../fonts/markA.ttf); }", sheet.cssRules.length);
  20                 sheet.insertRule("@font-face { font-family: 'MarkB'; src: url(../fonts/markB.ttf); }", 0);
  21         }
  22
  23         </script>
  24 </head>
  25 <body onload="setTimeout(run, 20)">
  26
  27 <p style="position:relative; width: -moz-max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
  28
  29 </body>
  30 </html>