text: <html>
  <head>
  <style>
  /* explicitly load a font that supports the "fi" ligature */
  @font-face {
    font-family: test;
    src: url(../fonts/mplus/mplus-1p-regular.ttf);
  }
  body {
    font-family: test, serif;
    padding: 20px;
  }
  </style>
  <script>
  function m()
  {
    document.body.offsetHeight;
    var parent = document.getElementById("parent");
    parent.appendChild(document.createTextNode("i"));
  }
  </script>
  </head>
  
  <body onload="m();">
  <div id="div" style="font-size: 40px"><span>if</span><span id="parent"></span></div>
  </body>
  </html>
  