title: What cause the same css font style being applied to 2 different html files appear differently?
body: <p>I am using the same css file on two different HTML pages for the same thing, on home page the fonts are looking bold but on the other page for the same thing I see some font size variation.</p>
  
  <p>This is how it appears in the browser.</p>
  
  <p><img src="https://i.stack.imgur.com/q5cov.jpg" alt="enter image description here"></p>
  
  <p>There is a font-weight difference in the pages.</p>
  
  <p><strong>CSS code</strong></p>
  
  <pre><code>.nav a {
  text-transform: uppercase;
  text-decoration: none;
  color: #0083b7;
  text-transform: uppercase;
  font-weight: 800;
  border-bottom: 1px solid #0083b7;
  font-size: 13px;
  </code></pre>
  
  <p>I don't know why is this happening, please tell me how to correct it.</p>
  
  <p>Thank you.</p>