THE FONT WON'T SHOW ON MY PAGE WHEN I ENTERED THE CODE...

Hi,

I added a new font to my website with code and for sime reason it just won't show up anywhere.... the code doesn't show my anything wrong. What could it be ??

Here is the code I entered:

//ADDING AVENIR REGULAR//
h1 {
    font-family:'avenir regular';         
      src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b5e8627652529f0ba6c/1706122078642/Avenir+Regular.ttf');
}
h2 {
    font-family:'avenir regular';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b5e8627652529f0ba6c/1706122078642/Avenir+Regular.ttf');
}
h3 {
    font-family:'avenir regular';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b5e8627652529f0ba6c/1706122078642/Avenir+Regular.ttf');
}
h4 {
    font-family:'avenir regular';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b5e8627652529f0ba6c/1706122078642/Avenir+Regular.ttf');
}

//ADDING AVENIR LIGHT//
p1 {
 font-family:'avenir light';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b6913dcd6583b82dbe3/1706122089667/Avenir+Light.ttf');
}
p2 {
  font-family:'avenir light';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b6913dcd6583b82dbe3/1706122089667/Avenir+Light.ttf');
}
p3 {
   font-family:'avenir light';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b6913dcd6583b82dbe3/1706122089667/Avenir+Light.ttf');
} 
p4 {
   font-family:'avenir light';
    src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b6913dcd6583b82dbe3/1706122089667/Avenir+Light.ttf');
}

You need to declare @font-face, the code should be

@font-face {
 	font-family:'avenir regular';         
	src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b5e8627652529f0ba6c/1706122078642/Avenir+Regular.ttf');
}
@font-face {
	font-family:'avenir light';        
	src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b6913dcd6583b82dbe3/1706122089667/Avenir+Light.ttf');
}
h1, h2, h3, h4 {
    font-family:'avenir regular' !important;         
}
/* p1, p2, p3 = p */
p, p * {
    font-family:'avenir light' !important;         
}