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

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