download-3.html (1119B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 <html lang="en-US" style="display: none"> 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 body { font-family: "MarkA"; } 15 16 </style> 17 </head> 18 <body> 19 20 <div id="t" style="visibility:hidden; width: -moz-fit-content">ABC</div> 21 <script> 22 // Make sure to show our stuff as late as we can, so we only get reflows 23 // from onload. 24 window.addEventListener("DOMContentLoaded", 25 function() { document.documentElement.style.display = ""; }) 26 window.addEventListener("load", 27 function() { 28 var n = document.getElementById("t"); 29 var w = document.defaultView.getComputedStyle(n).width; 30 var h = document.defaultView.getComputedStyle(n).height; 31 var d = document.createElement("div"); 32 d.style.width = w; 33 d.style.height = h; 34 d.style.backgroundColor = "green"; 35 n.remove(); 36 document.body.appendChild(d); 37 }); 38 </script> 39 </body> 40 </html>