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

Question

среды является Реагировать 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; 
} .... 

У меня есть два различных определения для открытого Sans как font-style и font-weight зависит от дополнительные классы по элементам, как жирным курсивом и т.д., которые, как представляется, acceptable fomat

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

.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.

Любая идея, почему все еще возникают эти ошибки?

Answer 1

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