Icomoon шрифта генератора: Не удалось расшифровать загруженный шрифт

Question

Я некоторые значок шрифты используются из https://icomoon.io/app/#/select

Когда я использую сгенерированный CSS это работает отлично от тегов стиля на фактической HTML странице:

<style> 
@font-face { 
    font-family: 'icomoon'; 
    src: url('fonts/icomoon.eot?hsw0h3'); 
    src: url('fonts/icomoon.eot?hsw0h3#iefix') format('embedded-opentype'), 
     url('fonts/icomoon.ttf?hsw0h3') format('truetype'), 
     url('fonts/icomoon.woff?hsw0h3') format('woff'), 
     url('fonts/icomoon.svg?hsw0h3#icomoon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
</style> 

Когда я помещал CSS в моем файле CSS и настроить пути:

@font-face { 
    font-family: 'icomoon'; 
    font-style: normal; 
    font-weight: normal; 
    src: url('../fonts/icomoon.eot?hsw0h3#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?hsw0h3') format('truetype'), url('../fonts/icomoon.woff?hsw0h3') format('woff'), url('../fonts/icomoon.svg?hsw0h3#icomoon') format('svg'); 
    src: url('../fonts/icomoon.eot?hsw0h3'); 
} 

Я получаю эту ошибку в консоли разработчика:

Failed to decode downloaded font: file:///C:/Users/Daisy/Desktop/softstack%20consulting/fonts/icomoon.eot?hsw0h3 
OTS parsing error: invalid version tag 

Я не понимаю, почему он не может декодировать шрифт, просто перемещая CSS и изменяя его путь. Что я делаю неправильно и как это исправить?

Answer 1

Вы перекрывая src с этой линии: src: url('../fonts/icomoon.eot?hsw0h3');

Посмотрите более внимательно на оригинальном CSS. Эти разные форматы, разделенные запятой, должны быть частью второго значения src, а не первого.