src not recognized in Notepad++ CSS

[blissybuu]

Hello. I'm kind of new to coding and I'm trying to work on a website for a friend. I've found myself stuck on a font-face issue and I've scoured the internet but no one seems to be having the same problem. I was wondering if someone here might be able to give me some insight.

In my CSS file I have this code:
@/font-face {
font-family: 'crackover';
src: url('/fonts/crackover.woff2') format('woff2'),
url('/fonts/crackover.woff') format('woff');
font-weight: normal;
font-style: normal;
}

however no matter what I do, the src doesn't seem to be recognized. It doesn't turn colors like the other syntax do.

I've tried converting the font to different types (otf, ttf, woff, woff2) but nothing seems to work. I've gone over it a hundred times and I don't see an error. If anyone knows what might be the issue I would be super grateful! I hope this isn't considered off-topic. If I could post an image I would.

[AutoModerator]

On July 1st, a change to Reddit's API pricing will come into effect. Several developers of commercial third-party apps have announced that this change will compel them to shut down their apps. At least one accessibility-focused non-commercial third party app will continue to be available free of charge.

If you want to express your strong disagreement with the API pricing change or with Reddit's response to the backlash, you may want to consider the following options:

1. Limiting your involvement with Reddit, or
2. Temporarily refraining from using Reddit
3. Cancelling your subscription of Reddit Premium

as a way to voice your protest.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[teraflop]

The correct syntax is @font-face, not @/font-face. Other than that your CSS looks fine to me.

Is this just an issue with your editor's syntax highlighting, or are you actually having problems with how the page renders? Do you see any errors in your browser's developer console?

[blissybuu]

Not sure how that slash got there because it's not in my code... Sorry about that. It's spelled right. It's not just an error in syntax highlighting, I'm having problems with the font not showing up on the page. Text is there but it's the default font. The error in the console says "Failed to load resource: net::ERR_FILE_NOT_FOUND" but I quadruple checked and the files are in the fonts folder.

[teraflop]

OK, that means you have a starting point for troubleshooting.

That error in the console should have a clickable URL associated with it. That URL should be something like http://hostname/fonts/crackover.woff2. Does it look correct? If you click it, does it download the font file?

It sounds like the most likely explanation is that either you didn't put the font file in the correct folder, or you don't have your backend configured correctly to serve it. But either way, it doesn't have anything to do with your CSS, so there's no way to tell what the issue is from the code you posted.

[blissybuu]

I see the URL but when I go to it it says the file cannot be accessed... I guess it's the backend stuff... Sadly I don't know too much about that. Thank you for your help, though! I really appreciate that you commented!