Почему CDN работает, но относительная ссылка не работает?

Question

Я просто задал этот вопрос: Why is Font Awesome only showing a square?.

Суть в том, что мой файл font-awesome.min.css не работал. Я получал 404 ошибки при попытке загрузить с нее значки. Кто-то дал смехотворное предложение об изменении:

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 

в

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

Я попробовал их предложение с уверенностью сказать, что это ничего не изменило бы, но это сработало!

Код в MyProject/font-awesome/css/font-awesome.min.css (путь к файлу указан верно) идентичен коду на //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css.

Почему CDN работает, но моя локальная копия дает мне 404 ошибки?

Некоторые уточнения:

Файл был найден, когда я пытаюсь связать с относительным файлом (не используя CDN). Изображения в CSS составляют 404. Но с идентичным кодом на CDN для изображений нет 404. Я получаю следующую ошибку для каждого соответствующего изображения:

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:63343/MyProject/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0 

Answer 1

Файл CSS относится к файлам шрифтов с использованием относительных URL-адресов. Поэтому, когда вы копируете CSS, вам также нужно скопировать папку шрифтов в MyProject/font-awesome/fonts.

В принципе, при загрузке файла шрифта Awesome ZIP вы должны извлечь всю вещь в MyProject/font-awesome. Это даст вам все файлы, и они будут в правильном месте.

Answer 2

Вы указываете на абсолютный URL. Попытайтесь изменить его по отношению к главной странице. Пример: /font-awesome/css/font-awesome.min.css.