Ошибка шрифта: не удалось декодировать тег недействительной версии загруженного шрифта

Environment - это приложение React Nodejs

Мой CSS:

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

@font-face {
  font-family: 'Open Sans';
  src:
    url('/src/public/fonts/OpenSans-Semibold.eot'),
    url('/src/public/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
    url('/src/public/fonts/OpenSans-Semibold.woff') format('woff'),
    url('/src/public/fonts/OpenSans-Semibold.woff2') format('woff2'),
    url('/src/public/fonts/OpenSans-Semibold.ttf') format('truetype'),
    url('/src/public/fonts/OpenSans-Semibold.svg') format('svg');
  font-style: normal;
  font-weight: bold;
} ....

У меня есть два разных определения Open Sans, поскольку font-style и font-weight зависят от дополнительных классов таких элементов, как полужирный курсив и т. Д., Который, похоже, является приемлемый формат

Использование:

.union {
  font-family: 'Open Sans';
  padding-left: 12px;

  & :global(.bold) {
    font-weight: 700;
  }

  & :global(.italic) {
    font-style: italic;
    font-weight: 400;
  }
}

Конфигурация Webpack:

test: /\.(png|woff|woff2|eot|ttf|svg)$/,
loader: 'url-loader?limit=100000',

У меня есть файлы шрифтов в папке public/fonts, до дня назад все работало нормально, но теперь мы получаем массу ошибок консоли failed to decode downloaded font invalid version tag для файлов woff и ttf. Я пробовал другие решения link1 и link2, но это не помогло. Я вижу, как шрифты загружаются из общей папки на вкладке сети Chrome.

Есть идеи, почему до сих пор возникают эти ошибки?


node.js css font-face
person user988544    schedule 30.11.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я мог исправить ошибку. Это была комбинация нескольких вещей ... сначала был путь к файлу шрифта, я устанавливал путь так, как будто не было «сборки», Webpack помещал их в /assets после сборки выпуска, поэтому мне пришлось обновить свой путь от src/public/fonts до /fonts, так как после сборки статические файлы автоматически просматриваются в папке с ресурсами + добавление регулярного выражения для поддержки управления версиями в моей конфигурации загрузчика веб-пакетов + добавление mimetype для woff файлов

person user988544    schedule 01.12.2016