layout/reftests/font-face/underline-offset-change-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>Switching first font to one with higher underline</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: "Mark2AHighUnderline";
  11                 src: url(../fonts/mark2A-highunderline.ttf);
  12         }
  13
  14         </style>
  15         <style type="text/css">
  16
  17         @font-face {
  18                 font-family: "MarkALowUnderline";
  19                 src: url(../fonts/markA-lowunderline.ttf);
  20         }
  21
  22         body { font-family: "Mark2AHighUnderline", "MarkALowUnderline"; }
  23
  24         p { text-decoration: underline; border: blue solid; padding: 0.2em; }
  25
  26         </style>
  27         <script type="application/ecmascript">
  28
  29         document.getElementsByTagName("style")[0].disabled = true;
  30
  31         function run() {
  32                 // The resize-detector iframe will remove the class attribute.
  33                 document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();
  34
  35                 document.getElementsByTagName("style")[0].disabled = false;
  36         }
  37
  38         </script>
  39 </head>
  40 <body onload="setTimeout(run, 20)">
  41
  42 <p style="position:relative; width: max-content">A<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
  43
  44 </body>
  45 </html>