How to install external fonts in wordpress?

If you’re a web developer, you know that some clients can be very demanding and want a font that doesn’t exist in your theme…

When that happens, we turn to external fonts — it’s very simple to install and configure.

1° Find and download the font you want — make sure you have the .TTF file.

3° Add the CSS to load the font. Here’s the code:

@font-face {
  font-family: 'yourfontname';
  src: url('/wp-content/uploads/2020/10/yourfontname'); /* folder where the font is uploaded */
}
h1, h2, h3 {
  font-family: 'yourfontname';
}

4° Have fun applying your font-family to any classes or IDs you like!