Font Awesome не работает в браузере, но работает в codepen

0

Сегодня я загрузил Font Awesome и попытался. В firefox и chrome (последние версии) они отображаются как пустые квадраты. Если используется ссылка CDN, она даже не работает, вместо пустых квадратов появляются стандартные пули. Но в codepen.io он просто отлично работал, используя CDN.

Используемый мной html - это то же самое, что и пример списков, который находится здесь: http://codepen.io/pietrofxq/pen/BCaoD

Кто-нибудь знает проблему?

  • 0
    Верны ли пути к вашим файлам шрифтов? Это очень распространенная проблема, когда кто-то получает квадраты.
  • 0
    Я пропустил "http:" в ссылке CDN. Но с моим собственным файлом это не работает. Я знаю, что его распознают, потому что, если это не так, пустые квадраты вообще не появятся
Теги:
font-awesome

1 ответ

1

Вы используете URL-адрес схемы для доступа к CDN.

Если вы пытаетесь открыть страницу со своего диска (схема является file://), тогда она не удастся, она будет использовать ту же схему для доступа к CDN

Попробуйте с полным URL http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css

Если вы вызываете его с сервера, убедитесь, что файлы шрифтов доставлены правильно. Некоторым серверам должно быть предложено разрешить доступ к файлам шрифтов.
(используйте консоль, чтобы проверить, нормально ли они загружаются)

Поделиться
  • 0
    Я не видел, я скучаю по "http:". Теперь он работает, но не с моим собственным файлом шрифта.
  • 0
    @ user3147789 Я просто скопировал и вставил твой код из codepen в файл на моем рабочем столе ( исправил пропущенный http ), и он работает нормально. Твой код точно такой же, как и на codepen?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню