underline-offset-change-1.html (1263B)
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>