Help with custom fonts - duplicate custom font?

ramsey1971

Good morning,
I am struggling to install custom header fonts. I have uploaded the files to:
templates/ja_vital/fonts/AscentProLight/font.woff
templates/ja_vital/fonts/AscentProLight/font.woff2
I am constantly getting the error: Duplicated custom font despite deleting the old files?

please can you guide me here?
Much appreciated.
Mark

ramsey1971

Would be very grateful for a quick reply on this please.

cssyeah

Hi @ramsey1971,
I have added CSS code in the custom.css (ja_vital/local/css/) to load custom font and can use in your website.

@font-face {
    font-family: 'AscentProLight';
    src: url('../../fonts/ascentprolight/font.woff2') format('woff2'),
         url('../../fonts/ascentprolight/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'AscentProLight', sans-serif;
}

Reload your website to view the change.

ramsey1971

Amazing thanks mate :-)