Как заставить работать web-шрифт?

Question

[Александр Лебедев]

Вечер добрый.

Есть сайт ndvmost.ru. На нем в кнопках и в заголовках используется шрифт Intro. Раньше я подтягивал его с webfonts.ru, но нагружать сервера товарищей некрасиво, потому я скачал шрифт локально. Он лежит в папке "fonts/intro", и я включаю его в код через основной файл стилей main.css строкой "@import "../fonts/intro/intro.css";". Но ничего не происходит.

Вопрос: что я делаю неправильно?

Comments

[Родион Мещеряков]

Извините, что не по теме, но вы видели как выглядит сайт при ширине 850 пикселей?

По теме присоединяюсь к ответу Aligatro. Возможно, что-то не так с путями к файлам шрифтов при импорте intro.css.

[Александр Лебедев]

Видел. Но если вы приложите скриншот - буду благодарен)

Answer 1

[Aligatro]

А зачем импортировать, не проще ли просто дописать:

@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;
}

Comments

[Александр Лебедев]

Спасло, спасибо :) Через import - по инструкции.