Add custom font

Hi,

i tired to add a custom font without success.

I read several posts but could not manage it.

WHat it did is: created a new folder in the enfold folder named “font”. Loaded the two fonts in it.

Then i put this code in the custom.css

/* Spezial Schrift Honey Script Light */
@font-face {
    font-family: Honey Script Light;
    src: url('myurl/wp-content/themes/enfold/font/HoneyScript-Light.ttf');
}
 
/* Spezial Schrift Honey Script SemiBold */
@font-face {
    font-family: Honey Script SemiBold;
    src: url('myurl//wp-content/themes/enfold/font//HoneyScript-SemiBold.ttf');

(Later i tried to put it in the style.css in of the child theme folder. -which is the right one?)

Then i put this code in quick css

 h4 {
font-family: Honey Script Light;
font-size: 16px;
}

…without success.

i tired to make some sentences with this font in html in the layout builder
<p style="Honey Script Light;">This is a paragraph.</p>

…but this also failed. Now i need some help please. Thanks Simon