Adding Custom Fonts

Importing Custom Fonts - Template CSS Code:

@font-face {
  font-family: FONTNAME;
  src: 
    url('YOURFONTURL.TTF') format('ttf'),
    url('YOURFONTURL.OTF') format('otf'),
    url('YOURFONTURL.WOFF') format('woff'),
    url('YOURFONTURL.WOFF2') format('woff2');
}

.FONTNAME, 
.FONTNAME p, 
.FONTNAME h1, 
.FONTNAME h2,
.FONTNAME h3 {
  font-family: 'FONTNAME' !important;
  font-weight: normal;
  font-style: normal;
}

If you're familiar with CSS, you can copy and paste the CSS above and fill it in with your font's name and URL(s). Or if you prefer, you can fill out the form below with your font name and URL(s) to have the customized CSS automatically generated:


Note: You do not need to have all of the file types listed.