title: How do I insert a custom font into HTML?
body: <p>So I wanted to insert a custom font to <strong>HTML</strong> and I can't quite figure it out. I tried doing this code down below but it did not work.</p>
  <p><strong>Here is the file for the font I am trying to use.</strong>
  <a href="https://drive.google.com/drive/folders/1C_2kPmCHj60KyFKcxYiGuOkRO8p820Yt?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/drive/folders/1C_2kPmCHj60KyFKcxYiGuOkRO8p820Yt?usp=sharing</a></p>
  <h1>Code</h1>
  <pre><code>  &lt;head&gt;
      &lt;div class = &quot;center&quot;&gt;
        &lt;h1 style = &quot;font-face: myFirstFont&quot;&gt;
          Hi
        &lt;/h1&gt;
      &lt;/div&gt;
      &lt;style&gt;
        div.center {
          text-align: center;
        }
        @font-face {
     font-family: myFirstFont;
     src: url(candyshopregular-nobo-webfont.woff2);
          }
      &lt;/style&gt;
    &lt;/head&gt;
  &lt;/html&gt;
   
  </code></pre>