Failed to decode downloaded font как исправить

Webpack меняет путь к шрифтам?

Уже не один день пытаюсь решить проблему подключения шрифтов в webpack.

Failed to decode downloaded font: http://localhost:4300/fonts/Montserrat//montserrat_alternates_black..woff

И
OTS parsing error: invalid sfntVersion: 1702391919

Мне непонятно откуда берется этот путь:

http://localhost:4300/fonts/Montserrat//montserrat_alternates_black..woff

После Montserrat проставлен двойной / и в конце пути 2 точки перед расширением — ..woff

В действительности шрифт находится в папке src/Montserrat/montserrat_alternates_black.woff
После сборки шрифты копируются в папку dist

структура проекта:
|-dist
| |-fonts
| |-montserrat_alternates_black.woff
|
|-src
|-fonts
| |-Montserrat
| |-montserrat_alternates_black.woff
|-css
|-fonts.sass
|-main.sass

Шрифты подключаются в fonts.sass:

@font-face font-family: 'Montserrat' src: local('Montserrat'), url("../fonts/Montserrat/montserrat_alternates_black.woff") format('woff'), url("../fonts/Montserrat/montserrat_alternates_black.ttf") format('truetype'), url("../fonts/Montserrat/montserrat_alternates_black.svg") format('svg') font-weight: normal font-style: normal

fonts.sass подключается в main.sass:

@import "fonts.sass" body font-family: 'Montserrat', sans-serif

Код сборки шрифтов

Уже который день ломаю голову и не могу понять в чем проблема. Сегодня удалось загрузить Montserrat ненадолго, когда сменил лоадер с file-loader на url-loader, но потом все также неожиданно поломалось

• Вопрос задан более двух лет назад
• 1574 просмотра

Saved searches

Use saved searches to filter your results more quickly

Cancel Create saved search

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error: Failed to decode downloaded font: #2

abdullahe opened this issue Nov 9, 2020 · 6 comments

Error: Failed to decode downloaded font: #2

abdullahe opened this issue Nov 9, 2020 · 6 comments
question Further information is requested

Comments

abdullahe commented Nov 9, 2020

I am getting this error in console, when I try to use the plugin. The fonts don’t show but the bundle is developed, and site works.

Here is my folder structure:

├───src │ ├───components │ │ all.sass └───static ├───fonts │ local_fonts.css │ montserrat-latin-ext-400-italic.woff │ montserrat-latin-ext-400-italic.woff2 │ montserrat-latin-ext-400-normal.woff │ montserrat-latin-ext-400-normal.woff2 

@font-face < font-family: "Montserrat"; font-style: normal; font-display: swap; font-weight: 400; src: url("/montserrat-latin-ext-400-normal.woff2") format("woff2"), url("/montserrat-all-400-normal.woff") format("woff"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; >@font-face < font-family: "Montserrat"; font-style: italic; font-display: swap; font-weight: 400; src: url("/montserrat-latin-ext-400-italic.woff2") format("woff2"), url("/montserrat-all-400-italic.woff") format("woff"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; >

imported to all.sass like this:

This is probably my mistake because I am new to all this. Any tips would be appreciated.

The text was updated successfully, but these errors were encountered:

Ошибка Failed to decode downloaded font при подключении к JSP

png стали отображаться, но для файлов c расширением woff2, svg и прочих это не сработало. В своем проекте я не использую Spring и поэтому я не стал сначала добавлять фильтр, а добавил маппинг по аналогии для нужных мне расширений, но это не помогло. Затем я все же добавил dependency на org.springframework spring-web , и вставил Ваш код, но это не помогло. Также я пытался добавить filter-class от tomcat’ a, но его вообще не нашло

1 сен 2017 в 17:39

org.apache.catalina.filters.SetCharacterEncodingFilter — был такой класс для фильтра и зависимость org.apache.tomcat tomcat-catalina

1 сен 2017 в 17:43

Нашел ошибку с томкатом: в зависимости я указывал 7 версию и поэтому не находило необходимый класс. Исправил зависимость, класс нашелся, но по прежнему не работает

1 сен 2017 в 17:46

В первом комментарии под словами «Ваш код» я подразумевал часть про описание фильтра и его маппинг, без DispatcherServlet Sping’a

Ошибка при загрузке шрифта Font Awesome

Смена цвета иконки при наведении, Font Awesome
В общем такая ситуация. Использую иконки font awesome и для них применяется анимация :hover с.

Не подключается font-awesome
Я конечно не претендую на звание программист года, но я ни как не могу понять почему оно не видит.

Глючит отображение font-awesome
Добрый день, Друзья! Пытаюсь освоить Верстку, и завяз на отображении font-awesome. Вот Образец.

Квадратики вместо font-awesome
Почему вместо символов подключенного шрифта font-awesome отображаются только пустые квадратики.