Не удалось декодировать загруженный шрифт, но используется правильный шрифт CSS Font Face. ⇐ CSS

[Anonymous]

Я использую следующий код для импорта шрифта Google «Syncopate» на свой сайт Shopify:

Код: Выделить всё

@font-face {
font-family: 'Syncopate';
font-weight: 400;
font-style: normal;
src: url('//cdn.shopify.com/s/files/1/0633/5778/0153/t/2/assets/Syncopate-Regular.eot'); /* IE9 Compat Modes */
src: url('//cdn.shopify.com/s/files/1/0633/5778/0153/t/2/assets/Syncopate-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//cdn.shopify.com/s/files/1/0633/5778/0153/t/2/assets/Syncopate-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('//cdn.shopify.com/s/files/1/0633/5778/0153/t/2/assets/Syncopate-Regular.woff') format('woff'), /* Pretty Modern Browsers */
url('//cdn.shopify.com/s/files/1/0633/5778/0153/t/2/assets/Syncopate-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('//cdn.shopify.com/s/files/1/0633/5778/0153/t/2/assets/Syncopate-Regular.svg#Syncopate') format('svg'); /* Legacy iOS */
}

Я загрузил файл .tff из Google Fonts и создал шрифт с помощью Transformer.org.
В консоли greenjet.at я теперь получаю следующие ошибки:< /p>

• Не удалось декодировать загруженный шрифт (woff2, woff, ttf).
• Ошибка анализа OTS: размер распакованного WOFF 2.0 равен размер меньше сжатого
• Ошибка синтаксического анализа OTS: неправильный размер файла в заголовке WOFF
• Ошибка синтаксического анализа OTS: FFTM: невыровненная таблица

При реализации со ссылкой на шрифт Google все работает отлично:

Код: Выделить всё

Но из-за проблем с конфиденциальностью Google необходимо загружать шрифт локально.
В чем здесь ошибка?
Может быть, загрузчик файлов ресурсов Shopify использует ASCII вместо передачи двоичного файла, вызывающей эту ошибку?

Подробнее здесь: https://stackoverflow.com/questions/741 ... -font-face