2016-05-24 4 views
0

После нескольких и простых редактирований css на сайте Big Commerce значки поиска и корзины неожиданно исчезли. Теперь они отображаются как странные символы. Я вошел в бэкэнд проекта Big Commerce и не нашел ничего странного в коде. При проверке кода html и css в браузере значки вызываются должным образом:Font Awesome значки исчезли. Странные персонажи (Big Commerce)

<i class="fa fa-search"></i> 

Что может быть неправильным? Url на сайт является Url Номер шаблона демо-файла enter link description here

Любая помощь очень ценится, новинка для Big Commerce.

+0

В вашем браузере есть adblock? – Heisenberg

+0

Консоль говорит: «Ошибка: загружаемый шрифт: загрузка не удалась (font-family:« FontAwesome »style: normal weight: normal stretch: normal src index: 1): неправильный URI или межсайтовый доступ не разрешен источник: http://cdn4.bigcommerce.com/s-aozh7/templates/__custom/Styles/font/fontawesome-webfont.woff?v=4.0.3 Исходный файл: http://cdn4.bigcommerce.com/s-aozh7/templates/ __custom/Styles/styles.css? t = 1464079596 Линия: 4857, Столбец: 12 –

+0

Спасибо, я не использую Adblock – Yoligrana

ответ

1

Это может произойти при редактировании CSS файлов в первый раз. Если вы загрузите все файлы тем и повторно загрузите шрифт-awesome или папку шрифта в WebDAV, это должно быть разрешено.

+1

Это решило проблему, спасибо огромное! Папка шрифта вместе со своими файлами отсутствует в/styles /, поэтому я загружаю файлы с помощью CyberDuck. – Yoligrana

+1

Не проблема. см. это почти каждый раз, и я считаю, что у нас есть документ поддержки. Извините за беспокойство! – Alyss

+0

Еще раз спасибо! – Yoligrana

0

Это то, что я получил от консоли.

enter image description here

Font from origin ' http://cdn4.bigcommerce.com ' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://hearneseed.com ' is therefore not allowed access. The response had HTTP status code 404.

Вы ссылаетесь на файл, который не существует на сервере. Также вы можете прочитать на Same-Origin Policy!

Here's официальная ссылка на Font-Awesome library. (Не гиперссылке! Качайте, разместить его на сервере и ссылку на него таким образом!)

http://fontawesome.io/
http://fontawesome.io/assets/font-awesome/css/font-awesome.css

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