I have a problem and I really can't find my solution. I have some otf files, which are fonts that a designer gave me. I am importing them as follows:
@font-face {
font-family: Verlag;
src: url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Black.otf'),
url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Bold.otf'),
url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Bold.otf'),
url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Book.otf'),
url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Light.otf'),
url('/wp-content/themes/raisedRealTheme/fonts/Verlag-XLight.otf');
}
body
{
font-size: 24px;
font-weight: 900;
font-family: Verlag;
}
But in my HTML I do not see that it is loading, because I am getting an error of
Failed to load resource: the server responded with a status of 404 (Not Found)
But if I click the link in the browser, I can see the source. Here I leave an image of my path, to see what I am failing.
PS: It is a wordpress project.
After posting the question, I realized that it was like this:
As I put in the comment, there is a time when Wordpress needs it
wp-content/..../....
and in this case it is not necessary.