title: Font family does not change in the output
body: <p>In the  &lt; h1 >  tag, when I change any font family for any block of text (or a division), and open it in the browser, the font-family does not change. There is no change at all in h1, that I had applied it to.</p>
  
  <p>Following is my HTML code:</p>
  
  <pre><code>&lt;h1 align="center" class="login"&gt;      
             LOG IN&lt;/h1&gt;&lt;hr /&gt;&lt;br /&gt;
  </code></pre>
  
  <p>This is my CSS code:</p>
  
  <pre><code>.login
  {
      color:Black;
      font-family:Calibri;
      font-size:xx-large;
      font-weight: bold;
  
  }
  </code></pre>
  
  <p>The output that I get is as follows:</p>
  
  <p><img src="https://i.stack.imgur.com/DuvWC.png" alt="enter image description here"></p>
  
  <p>I changed the font to Calibri also. But, no change was reflected. The output always shows the same font family. I do not understand, where the problem could be?</p>