I want to use a specific font on a website. I don't want to use any kind of plugin, and the font I want, I can't find it free to add via a link, so I've decided with the method@font-face
1 - I add the following code to the styles.css file:
@font-face {
font-family: university-roman;
src: url(https://mySitioWeb.com/wp-content/themes/flatsome-child/fonts/university-roman.otf);
font-weight: normal;
}
2 - I have created the folder fonts
in the following path of my directories:
wp-content/themes/mi-Tema/fonts/university-roman.otf
3 - I have added the css corresponding to the text where I want to add the new fonts:
.site-title-main {
font-family: "university-roman", Arial, sans-serif;
}
But the text does not display the University fonts.
What am I doing wrong ?
How can I make the new fonts work? I hope I have described the problem that I cannot solve. Thank you