title: Chrome / Firefox inspect show the same font but actually not
body: <p>I have two helps text in the same page.
  However, they just look like different with the same font-family.</p>
  
  <p>Updated:</p>
  
  <p>The font 2 displays not like <code>Lato</code> at all and the <code>font 2</code> is inside a iframe. There's no error on the developer console. </p>
  
  <h1>Font 1</h1>
  
  <p><img src="https://i.imgur.com/uGGCPUU.png=300x" alt="inline" title="Title">
  <img src="https://i.imgur.com/gG1opiJ.png=300x" alt="inline" title="Title"></p>
  
  <h1>Font 2</h1>
  
  <p><img src="https://i.imgur.com/ZxoKwfO.png=300x" alt="inline" title="Title"></p>
  
  <p><img src="https://i.imgur.com/7jGswT9.png=300x" alt="inline" title="Title"></p>