How to make web font work?

Question

css

Good evening.
There is a site ndvmost.ru . It uses the Intro font in the buttons and titles. I used to pull it up from webfonts.ru , but it's ugly to load the comrades' servers, so I downloaded the font locally. It's in the " fonts/intro " folder, and I include it in the main stylesheet main.css with the line " @import "../fonts/intro/intro.css"; ". But nothing happens.
Question: what am I doing wrong?

Answer 1

Why import, isn't it easier to just add:

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