How to properly connect your font to a Wordpress site?

Question

Fonts

Good afternoon.
There was a problem connecting your font to the site. It seems that I am doing everything correctly, as it is written in most sources, but the font does not work. Site on wordpress, prolific theme, maybe there is some problem in this?
I uploaded the font file to the fonts folder, which is located in the same folder as style.css.
I am attaching the code I used.

@font-face{
  font-family: Hair-2;	
  src: url(../fonts/Hair-2.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

#slider li p{
  font-family: Hair-2, arial;
}

I read a lot of articles, but did not find the reason. Hope for help.

Answer 1

remove ../
src: url('fonts/Hair-2.ttf') format('truetype');

Answer 2

I uploaded the font file to the fonts folder, which is located in the same folder as style.css.

src: url(../fonts/Hair-2.ttf) format('truetype');