css – How to add font families to WordPress theme

I am trying to add font families to my WordPress theme manually without using an extra plugin. I have added all the the font .otf files to my WordPress theme font directory and gone to my style.css file and added the new font family to it and I believe the information I used is correct. This is similar to what has been added to my style.css file:

@font-face {
font-family: New Font;
src: url(https://www.yourwebsite.com/wp-content/themes//fonts/your-new-font.otf);
font-weight: normal;
}

I would like the new font family to appear in elementor as an option for all text formatting but I do not see it available after updating and saving my style.css file. Am I doing this correctly or is there something I am missing in trying to manually add new font families to my site?