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

thmn8

Администратор
Сообщения
1 472
Реакции
311
Сайт
tehadm.ru
Подключил шрифт через css. Словил ошибку в консоли браузера:
Failed to decode downloaded font
Исправляем, прогоняя шрифт, например через сервис font2web.com.
 
А если просто локально шрифты хранить? Или это дела вкуса?)
 
А если просто локально шрифты хранить? Или это дела вкуса?)
Так чтоб шрифт нормально отображался на сайте его нужно конвертировать, под разные браузеры. Локально он и так будет хранится. Вот допустим как я прописывал локально хранящийся шрифт на сайте:
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; 
}
 
Последнее редактирование:
Назад
Верх Низ