Шрифт-удивительная ошибка 404 на шрифтах

Я не знаю, что происходит, но в консоли браузера я вижу 3 ошибки, связанные с font-awesome

 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0

Я знаю, что это смешно, я не могу понять это сам, но все, кажется, в порядке, в моем индексе.html у меня есть что-то вроде этого

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />

и это все, что я связал с шрифтом-удивительная вещь, я уже проверяю путь, и я не ошибаюсь в этом.

Это случилось с любым из вас ?

обновление

это часть NGINX, где я загружаю некоторый контент в заголовки

add_header Content-Security-Policy "style-src 'self' 'unsafe-inline'
https://fonts.googleapis.com
https://fonts.gstatic.com
https://themes.googleusercontent.com
https://assets.zendesk.com;
font-src 'self' https://themes.googleusercontent.com
https://fonts.gstatic.com;";
10 53
css fonts font-awesome

10 ответов:

добавить .woff для вашего типа MIME сервера приложений (например, iis - > mime type) как application / font-woff

69

еще лучше добавьте этот раздел для вашего веб.конфигурация, а затем эти типы mime будут автоматически добавлены в IIS на любом сервере, на котором вы развертываете. (Удаление, чтобы избежать повторяющихся ошибок типа mime в случае, если они уже есть)

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="font/x-woff" />
    </staticContent>  
  </system.webServer>
114

У меня была такая же проблема с IIS. Я добавил новый тип MIME с ".woff2 "как расширение файла и" font/x-woff " как тип mime и проблема решена.

8

1.Перейдите в IIS, найдите свой сайт, найдите тип MIME, нажмите кнопку Добавить

2.Поместите "woff2" на имя прикрепленного файла Поместите "application/font-woff" в тип Mime

3.Перезапустите ваш сайт на IIS

4

URL-адреса, которые вы предоставили, все недействительны и не ссылаются на ресурс. Насколько любой из нас сможет сказать из вашего поста - их просто не существует.

правильно ли вы загрузили файлы для предполагаемой структуры папок?

3

У меня была точно такая же проблема на "cPanel shared host server", который позволяет использовать только веб-сервер Apache2. Поскольку подстановочные знаки ( * ) значения "Access-Control-Allow-Origin" не разрешены настройками безопасности общего хоста (потому что: bandwidth & resource thieves), мне пришлось придумать другой способ заставить его работать.

этот вопрос, заданный OP, выводит nginx, но принятые и наиболее часто используемые ответы, похоже, предназначены для IIS. Там могут быть люди (как я), которые спотыкаются на этот вопрос ищет apache2 решения, связанные с CORS "разрешения" в Apache, так что здесь была волшебная пуля для меня, чтобы решить эту проблему. Я добавил следующее в tippy-top моего корневого каталога сайта WP .файл htaccess:

<IfModule mod_headers.c>
 <IfModule mod_rewrite.c>
    SetEnvIf Origin "http(s)?://(.+\.)?(othersite\.com|mywebsite\.com)(:\d{1,5})?$" CORS=
    Header set Access-Control-Allow-Origin "%{CORS}e" env=CORS
    Header merge  Vary "Origin"
 </IfModule>
</IfModule>

Я хотел бы взять на себя ответственность за этот фантастический кусок магии регулярных выражений, но я объясняю, как я получил это решение в этом комментарии к аналогичному вопросу здесь:Access-Control-Allow-Origin подстановочные Домены, порты и протоколы

** очевидное Примечание:вам нужно изменить доменное имя, чтобы оно соответствовало вашему собственному. Вы можете удалить (|) регулярное выражение или и просто использовать одно доменное имя, в котором все поддомены и доменное имя корневого уровня принимаются регулярным выражением

1

перейти к: http://fortawesome.github.io/Font-Awesome/get-started/

...используйте Bootstrap CDN, чтобы добавить шрифт Awesome на ваш сайт с одной строкой кода. Вам даже не нужно ничего скачивать или устанавливать!"

0

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

0

добавить .woff2 для вашего типа mime сервера приложений (например, iis - > mime type) как application / font-woff

Он отлично работал для меня.

наслаждайтесь !!!

:)

0

ни одно из вышеперечисленных решений не работало для меня, кроме следующего. Пожалуйста, добавьте эту строку после всех пакетов.Добавить команды в BundleConfig.cs файл:

BundleTable.EnableOptimizations = false;
0