Почему не подключается шрифт из @fontface?

Question

[gazes12]

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('../fonts/AkzidenzGroteskBQ-BdCnd.eot');
    src: url('../fonts/AkzidenzGroteskBQ-BdCnd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AkzidenzGroteskBQ-BdCnd.woff2') format('woff2'),
        url('../fonts/AkzidenzGroteskBQ-BdCnd.woff') format('woff'),
        url('../fonts/AkzidenzGroteskBQ-BdCnd.ttf') format('truetype'),
        url('../fonts/AkzidenzGroteskBQ-BdCnd.svg#AkzidenzGroteskBQ-BdCnd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{
    font-family: 'Akzidenz-Grotesk BQ';
}

Подключаю вот это:


Из этого scss файла:

Comments

[Ирина]

не работает во всех браузерах? Если только в одном или двух - то может быть файл шрифта битый. Попробуйте, точно так же другой шрифт подключить. И смотрите какие ошибки в консоли браузера.

[Ankhena]

Почему не подключается шрифт из @fontface?

1. Неверные пути
2. Подключили файлы только для жирного шрифта, а пишете обычным.
3. Битый шрифт
4. Например, в шрифте нет кириллицы, а хотите писать кириллицей.

p.s. Вообще, современным браузерам достаточно woff2. Если нужно поддерживать предыдущее поколение, то ещё + woff, а не вот эта вся помойка.

Answer 1

[Сергей delphinpro]

Открываешь консоль, смотришь, загружается ли файл.
Если 404, значит неверно указан путь (вероятность этого я оцениваю в 80%).
Открываешь исходный код в браузере и смотришь какие там пути, сравниваешь с реальным расположением файлов на сервере.
Правишь пути, пересобираешь, радуешься.