Help with custom fonts.

Site URL: http://www.brightredmarketing.com.au

Hello!

I have just rebranded, and have 3 custom fonts I want to use on the site. But it's not working, they fonts aren't showing up in the font list, and the fonts aren't loading properly onto the site even as H1 and H2... any ideas into what I've done wrong or why it isn't working?

CSS and header code are below.

This is the code I've installed into the CSS:

@font-face {

    font-family: 'MorganRegular';

       src: url('https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/609232fbc372b60623e47141/1620194043554/Mogan-Regular.woff');

  }

h1 {font-family: 'MorganRegular';}

@font-face {

    font-family: 'ITCCarlson';

       src: url('https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330fee0e2a58d4d9bb3b/1620194064818/ITC+-+Caslon224Std-Black.otf');

  }

h2 {font-family: 'ITCCarlson';}

@font-face {

    font-family: 'AvenirNextLTPro-Light';

       src: url('https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330932937842ebc5ee34/1620194059256/Linotype+-+AvenirNextLTPro-Light.otf');

  }

P {font-family: 'Avenir';}

And then this is the code I've installed into the header to make it an option when selecting fonts:

<script>
  window.customFonts = [
    {name:'AvenirNextLTPro-Light', type:'San Serif'}
  ];
</script>
<script async src="https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330932937842ebc5ee34/1620194059256/Linotype+-+AvenirNextLTPro-Light.otf"></script>

<script>
  window.customFonts = [
    {name:'Morgan', type:'Serif'}
  ];
</script>
<script async src="https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/609232fbc372b60623e47141/1620194043554/Mogan-Regular.woff"></script>

<script>
  window.customFonts = [
    {name:'Carlson', type:'Serif'}
  ];
</script>
<script async src="https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330fee0e2a58d4d9bb3b/1620194064818/ITC+-+Caslon224Std-Black.otfFont"></script>

1 hour ago, dahnaborg said:

Site URL: http://www.brightredmarketing.com.au

Hello!

I have just rebranded, and have 3 custom fonts I want to use on the site. But it's not working, they fonts aren't showing up in the font list, and the fonts aren't loading properly onto the site even as H1 and H2... any ideas into what I've done wrong or why it isn't working?

CSS and header code are below.

This is the code I've installed into the CSS:

@font-face {

    font-family: 'MorganRegular';

       src: url('https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/609232fbc372b60623e47141/1620194043554/Mogan-Regular.woff');

  }

h1 {font-family: 'MorganRegular';}

@font-face {

    font-family: 'ITCCarlson';

       src: url('https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330fee0e2a58d4d9bb3b/1620194064818/ITC+-+Caslon224Std-Black.otf');

  }

h2 {font-family: 'ITCCarlson';}

@font-face {

    font-family: 'AvenirNextLTPro-Light';

       src: url('https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330932937842ebc5ee34/1620194059256/Linotype+-+AvenirNextLTPro-Light.otf');

  }

P {font-family: 'Avenir';}

 

And then this is the code I've installed into the header to make it an option when selecting fonts:

 

<script>
  window.customFonts = [
    {name:'AvenirNextLTPro-Light', type:'San Serif'}
  ];
</script>
<script async src="https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330932937842ebc5ee34/1620194059256/Linotype+-+AvenirNextLTPro-Light.otf"></script>

<script>
  window.customFonts = [
    {name:'Morgan', type:'Serif'}
  ];
</script>
<script async src="https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/609232fbc372b60623e47141/1620194043554/Mogan-Regular.woff"></script>

<script>
  window.customFonts = [
    {name:'Carlson', type:'Serif'}
  ];
</script>
<script async src="https://static1.squarespace.com/static/538b2fd1e4b0974beea0d234/t/6092330fee0e2a58d4d9bb3b/1620194064818/ITC+-+Caslon224Std-Black.otfFont"></script>

 

what is the purpose of this