Помилка Font-Awesome 404 на шрифтах

Я не знаю, що відбувається, але на консолі браузера я бачу 3 помилки, пов’язані з чудовими шрифтами

 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" />

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

Це відбувається з кимось із вас, хлопці?

ОНОВЛЕННЯ

це частина 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;";

Додайте .woff до типу mime вашого сервера додатків (наприклад, iis-> mime type) як application / font-woff

А ще краще, додайте цей розділ до свого 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>

у мене була така сама проблема з iis. Я додав новий тип mime із ".woff2" як розширення файлу та "font / x-woff" як тип mime, і проблема вирішена.

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

2. Поставте "woff2" у назву вкладеного файлу. Покладіть "application / font-woff" у тип MIME

3.Перезапустіть свій веб-сайт у службі IIS

Усі надані вами URL-адреси недійсні і не посилаються на ресурс. Наскільки кожен із нас зможе сказати з вашого допису - їх просто не існує.

Чи правильно ви завантажили свої файли для передбачуваної структури папок?

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

Це запитання, поставлене ОП, випливає з 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-Origin

** Очевидно ПРИМІТКА: Вам потрібно змінити ім'я домену, щоб воно відповідало вашому власному. Ви можете видалити (|) RegEx АБО і просто використовувати одне доменне ім'я, у якому ВСІ субдомени І доменне ім'я кореневого рівня приймаються RegEx

Жодне з наведених вище рішень не працювало для мене, крім наступного. Будь ласка, додайте цей рядок після всіх команд "bundles.Add" у вашому файлі BundleConfig.cs:

BundleTable.EnableOptimizations = false;

Перейдіть за посиланням: http://fortawesome.github.io/Font-Awesome/get-started/

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

У мене були точно такі ж проблеми та помилки. Видалення моєї бібліотеки Font-Awesome та встановлення найновішої версії подбали про проблему.

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

У мене це добре працювало.

Насолоджуйтесь !!!

:)