Почему шрифты не отображаются?

Frontend developer HTML / CSS
1

Подключил шрифты к сайту, пытаюсь их применить, не срабатывает, пробовал в отдельном проекте подключить те же шрифты через css и там почему то работало, но шрифты всё равно выглядели не очень классно, подключать пробовал и через cdn и через font-face, подскажите в чем ошибка, пробовал подключить Helios, Helios Bold, может с шрифтами что то не так? уже вторые сутки пытаюсь добавить, буду рад любой помощи

2

Мне кажется что проблема может быть в том что данные шрифты не поддерживают кириллицу, но на всякий случай попробуй добавить вот это:

@font-face {
    font-family: 'Helios';
    src: url('fonts/Helios.eot');
    src: url('fonts/Helios.eot') format('embedded-opentype'),
    url('fonts/Helios.woff2') format('woff2'),
    url('fonts/Helios.woff') format('woff'),
    url('fonts/Helios.ttf') format('truetype'),
    url('fonts/Helios.svg#Helios') format('svg');
}


@font-face {
    font-family: 'HeliosBold';
    src: url('fonts/HeliosBold.eot');
    src: url('fonts/HeliosBold.eot') format('embedded-opentype'),
    url('fonts/HeliosBold.woff2') format('woff2'),
    url('fonts/HeliosBold.woff') format('woff'),
    url('fonts/HeliosBold.ttf') format('truetype'),
    url('fonts/HeliosBold.svg#HeliosBold') format('svg');
}

И шрифты в папочке рядом, если и это не поможет тогда вариант один, не поддерживает кириллицу, данные шрифты вроде должны работать во всех браузерах)