Fonts are connected, but in the console there is an error that they are not. What could be the problem?

Question

css

When including a font:
@font-face
font-family: 'Test'
src: url('../fonts/test.woff2') format('woff2'), url('../fonts/test.woff') format('woff');
font-weight: normal
font-style: normal
It's included, but it's not there, and if you include it like this:
@font-face
font-family: 'Book Antiqua'
src: url('..fonts/test.woff2') format( 'woff2'), url('..fonts/test.woff') format('woff');
font-weight: normal
font-style: normal
This is an error in the console that there are no fonts, but this time they can be used and they are rendered normally. What could be the problem?

Answer 1

write the paths to the files from the root of the root document, src: url('/fonts/test.woff2')if the fonts folder is in the root of the site, then everything will work fine.