<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 div = document.getElementById("div");
  div.appendChild(document.createTextNode("i"));
}
</script>
</head>

<body onload="m();">
<div id="div" style="font-size: 40px"><span>if</span></div>
</body>
</html>