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

mygedz

Администратор
Сообщения
588
Оценка реакций
61
Подключил шрифт через css. Словил ошибку в консоли браузера:
Failed to decode downloaded font
Исправляем, прогоняя шрифт, например через сервис font2web.com.
 

Amney

Пользователь
Сообщения
25
Оценка реакций
12
Возраст
27
А если просто локально шрифты хранить? Или это дела вкуса?)
 

mygedz

Администратор
Сообщения
588
Оценка реакций
61
А если просто локально шрифты хранить? Или это дела вкуса?)
Так чтоб шрифт нормально отображался на сайте его нужно конвертировать, под разные браузеры. Локально он и так будет хранится. Вот допустим как я прописывал локально хранящийся шрифт на сайте:
HTML:
@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');
}
и потом уже, задаешь для нужного элемента этот шрифт:
HTML:
.site-header .menu-toggle {
    font-family: CyrilicOld;  
}
 
Верх Низ