SSL insert-rule-1b.html   Interaktion und
PortierbarkeitHTML

<!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></title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <style type="text/css">

 body { font-family: "MarkA", "MarkB"; }
 @font-face { font-family: 'MarkA'; src: url(../fonts/markA.ttf); }

 </style>
 <script type="application/ecmascript">

 function run() {
  // The resize-detector iframe will remove the class attribute.
  document.getElementsByTagName("iframe")[0].contentWindow.arm_for_wider();

  var sheet = document.getElementsByTagName("style")[0].sheet;
  sheet.insertRule("@font-face { font-family: 'MarkB'; src: url(../fonts/markB.ttf); }", 0);
 }

 </script>
</head>
<body onload="setTimeout(run, 20)">

<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>

</body>
</html>