Как исправить ошибку Failed to decode downloaded font?

[mexan]

Подключил шрифт через css. Словил ошибку в консоли браузера:

Failed to decode downloaded font

Исправляем, прогоняя шрифт, например через сервис font2web.com.

 

[Amney]

А если просто локально шрифты хранить? Или это дела вкуса?)

 

[mexan]

А если просто локально шрифты хранить? Или это дела вкуса?)

Так чтоб шрифт нормально отображался на сайте его нужно конвертировать, под разные браузеры. Локально он и так будет хранится. Вот допустим как я прописывал локально хранящийся шрифт на сайте:

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

и потом уже, задаешь для нужного элемента этот шрифт:

.site-header .menu-toggle {
    font-family: CyrilicOld; 
}