Why is the Rodchenko font not connected via css?

Question

css

Good afternoon.
Faced a problem. The Rodchenko font is not included. I downloaded the font from various sources.
To connect the font, I enter in css:
@font-face {
font-family: RodchenkoCTT-regular;
src: local("RodchenkoCTT-regular"),
url(../fonts/RodchenkoCTT-regular.ttf);
}
Further I standardly include a font for all page:
body {
font-family: RodchenkoCTT-regular;
}
PS: Other fonts work, I tested 3 different non-standard fonts.

Answer 1

You need to use a font generator. Here are a few:
1) www.fontsquirrel.com/tools/webfont-generator
2) www.font2web.com
You can google others. The point is that at the output you will be given an archive with your font in different formats, for support by different browsers. There will also be a css file that contains the connection code. Don't forget to change paths. Good luck!

Answer 2

Use a similar construction and check if the font paths are correct.

@font-face {
    font-family: 'font';
    src: url('font.eot');
    src: url('font.eot?#iefix') format('embedded-opentype'),
         url('font.woff') format('woff'),
         url('font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Answer 3

These generators can convert fonts with errors.
Better use https://ffont.ru/fonts
You get ready-made fonts (no need to convert anything), as well as ready-made CSS code.
There is also an installation guide.