<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en-US" class="reftest-wait"> <head> <title>Switching first font to one with lower underline</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> @font-face { font-family: "Mark2ALowUnderline"; src: url(../fonts/mark2A-lowunderline.ttf); } </style> <style type="text/css"> @font-face { font-family: "MarkAHighUnderline"; src: url(../fonts/markA-highunderline.ttf); } body { font-family: "Mark2ALowUnderline", "MarkAHighUnderline"; } p { text-decoration: underline; border: blue solid; padding: 0.2em; } </style> <script type="application/ecmascript"> document.getElementsByTagName("style")[0].disabled = true; function run() { // The resize-detector iframe will remove the class attribute. document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider(); document.getElementsByTagName("style")[0].disabled = false; } </script> </head> <body onload="setTimeout(run, 20)"> <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> </body> </html>