@font-face не работает

[3symbols]

Здраствуйте
Тег @font-face не работает
Я новичок поэтому мог допустить какие либо ошибки.
Буду благодарен если вы мне поможете!



@font-face {
font-family: 'Baron';
font-style: normal;
font-weight: normal;
src: url('/fonts/Baron-Neue.ttf') format('ttf'),
url('/fonts/Baron-Neue.svg') format('svg');
}

P {
font-family: 'Baron';
}

@font-face {
font-family: 'Baron';
font-style: normal;
font-weight: bold;
src: url('/fonts/Baron-Neue-bold.svg') format('svg'),
url('/fonts/Baron-Neue-bold.ttf') format('ttf');
}

H2,H3,H4,H5,H6,B,Strong {
font-family: 'Baron';
font-weight: bold;
}

@font-face {
font-family: 'Baron';
font-style: italic;
font-weight: normal;
src: url('/fonts/Baron-Neue-italic.svg') format('svg'),
url('/fonts/baron-neue-Italic.ttf') format('ttf');
}

I, Em {
font-family: 'Baron';
font-style: italic;
}

@font-face {
font-family: 'Baron';
font-style: italic;
font-weight: bold;
src: url('/fonts/Baron-Neue-Bold-Italic.svg') format('svg'),
url('/fonts/Baron-Neue-Bold-Italic.ttf') format('ttf');
}

H2 I,H3 I,H4 I,H5 I,H6 I,B I,Strong I,H2 EM,H3 EM,H4 EM,H5 EM,H6 EM,B EM,Strong EM {
font-family: 'Baron';
font-weight: bold;
font-style: italic;
}

[ERserver]

1. Где не работает?
2. Причем тут OSPanel или Open Server?
3. http://htmlbook.ru/css/font-face и https://html5book.ru/pravilo-font-face/