Why is the font not working?

Question

css

In general, I connected the font, but it does not work, what could be the problem?

@font-faca{
  font-family:athelas;
  src(fonts/athelas.ttf);
}

Answer 1

font-fac e

Answer 2

it's bad practice to connect fonts this way, it 's
better this way
To convert fonts, I use www.web-font-generator.com Otherwise

@font-face{
  font-family:'athelas';
  src: ('fonts/athelas.ttf');
}

Answer 3

In order to enter the fonts folder you must exit the css folder. Try like this:

@font-face{
  font-family:athelas;
  src:url(../fonts/athelas.ttf);
}

Of course, this is if your fonts folder is not in the css folder...