Font-Awesome error 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

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

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

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

Это происходит с кем-то из вас, ребята?

UPDATE

это часть 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;";

Ответ 1

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

Ответ 2

Еще лучше добавьте этот раздел в свой web.config, а затем эти типы 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>

Ответ 3

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

Ответ 4

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

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

Ответ 5

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

2.Нажмите "woff2" в файле Attached file name Поместите "application/font-woff" в тип Mime

3.Отпустите свой веб-сайт в IIS

Ответ 6

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

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

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

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

** Очевидное ПРИМЕЧАНИЕ. Вам нужно изменить имя домена, чтобы оно соответствовало вашему. Вы можете удалить (|) RegEx OR и просто использовать одно доменное имя, в котором ВСЕ субдомены И имя домена корневого уровня принимаются RegEx

Ответ 7

Перейдите по ссылке: http://fortawesome.github.io/Font-Awesome/get-started/

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

Ответ 8

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