title: Same element has different pixel sizes on different loading points
body: <p>I'm having a bad time guessing why one element has different pixel sizes depending on the set of rules loaded. Apparently the element has always the same font-size <strong>6em</strong>, which is translated to an height of 96px. But after some other rules has been loaded the same font-size is translated to an height of 86px. Here are two snapshots of the computed styles:</p>
  
  <p>Font size when page is loading
  <a href="https://i.stack.imgur.com/ovPwB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ovPwB.png" alt="Font size when page is loading"></a>
  Font size when page has loaded fully
  <a href="https://i.stack.imgur.com/6V2hU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6V2hU.png" alt="Font size when page has loaded fully"></a></p>
  
  <p>How can I track down to the rules that makes this happen?
  Regards</p>