title: override default font using @font-face
body: <p>We want to modify default font in HTML using @font-face</p>
  
  <pre><code>@font-face {
      font-family: Times;
      font-style: normal;
      font-weight: 400;
      src: local('serif');
  }
  </code></pre>
  
  <p>in the above code we want to override Times font to serif, but above code is not working and Times font is getting used all the time instead of serif</p>