2015-02-11 4 views
0

Я связывающую шрифт удивительного в моем HTML файл, как это: <head><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"></head>Почему Font-Потрясающий не работают

Значки не отображаются, когда я работаю локально на моем сайте. Но они появляются на сервере!

  1. Я думал, что это может быть расширение Ad Plus, который блокирует его, но это не потому, что даже если я протестировать его в браузере, который не имеет это расширение, оно также не работает. Кроме того, он отлично работает на сервере с Ad Plus.

  2. Тогда я думал, что это может быть XAMPP, и у меня может не быть сервера Apache. Но все работает нормально!

  3. Я также проверил связь внутри <head> и изменил ее на предыдущие версии, но это не имело никакого значения (все еще не работает локально).

  4. Я прочитал все, что мог найти в SO и google об этой проблеме, но я потерялся, так как почему он не работает локально.

Я даже сделал скрипку двойной проверки погоды он работает правильно в Интернет, и это делает: http://fiddle.jshell.net/g1qor20y/ В скрипке я скопировал все из моих <head>, так как я думал, что проблема может быть найдена, но это работает прекрасный онлайн.

Почему это не работает локально? Это не появляется.

ответ

2

В вашем ресурсе не указан протокол. Переходы, не содержащие протоколов, разбиваются на file://.

Укажите http:// ... при работе на месте. Если вы никогда не используете https://, не стесняйтесь всегда использовать http:// в своих ссылках на ресурсы.

Дальнейшее чтение: https://stackoverflow.com/a/4832046/1234256

+0

Большое спасибо! Это получилось отлично :) Это одна из тех вещей, которые я не забуду скоро. – Brain

2

использованием // является большим, когда вы хотите код для работы как с HTTP: //, а также https: // - но локально, браузер будет искать файл: // maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css - при условии, что он находится на вашей машине.

Смежные вопросы