Why doesn't the font change?

Question

css

I looked at a couple of lessons on how to add a font not through google fonts, but I ran into a problem: the fonts are not connected.
Here is the code:

@font-face {
  font-family: "SegoeWP";
  src: url("fonts/Segoe WP/ofont.ru_Segoe WP.eot");
  src: url("fonts/Segoe WP/ofont.ru_Segoe WP.eot?#iefix") format("embedded-opentype"),
  url("fonts/Segoe WP/ofont.ru_Segoe WP.woff") format("woof"),
  url("fonts/Segoe WP/ofont.ru_Segoe WP.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

Styles are connected correctly. In the main css I add fonts like this:

body {
  font-family: "SegoeWP";
}

Answer 1

if the fonts are stored in the fonts folder.
Just replace url("fonts/ with url("../fonts/