layout/reftests/font-face/enable-sheet-3.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         @font-face {
  10                 font-family: "MarkA";
  11                 src: url(../fonts/markA.ttf);
  12         }
  13
  14         </style>
  15         <style type="text/css">
  16
  17         @font-face {
  18                 font-family: "MarkB";
  19                 src: url(../fonts/markB.ttf);
  20         }
  21
  22         </style>
  23         <style type="text/css">
  24
  25         body { font-family: "MarkA", "MarkB"; }
  26
  27         </style>
  28         <script type="application/ecmascript">
  29
  30         document.getElementsByTagName("style")[1].disabled = true;
  31
  32         function run() {
  33                 // The resize-detector iframe will remove the class attribute.
  34                 // Allow an intermediate state where we lose the special "A" glyph.
  35                 document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
  36
  37                 document.getElementsByTagName("style")[1].disabled = false;
  38         }
  39
  40         </script>
  41 </head>
  42 <body onload="setTimeout(run, 20)">
  43
  44 <p style="position:relative; width: max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
  45
  46 </body>
  47 </html>