Перейти к содержанию
krashman

Проблема с иконками

Рекомендуемые сообщения

здравствуйте

 

заметил такую пробелму почти на всех браузерах: при заходе на главную страницу сайта иконки, судя по всему, не подгружаются:

post-26592-0-26230700-1404975461_thumb.png

Но если потом зайти на любую другую страницу сайта, то всё ок:

post-26592-0-45314200-1404975507_thumb.png

 

в чём может быть дело?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот что говорит по этому поводу браузер. Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на http://www.maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.woff?v=3.2.1. Это может быть исправлено путем перемещения ресурса в тот же домен или включением CORS.

Костыль- добавить в файл font-awesome.css после блока

 

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
   font-weight: normal;
   font-style: normal;
}

блок

@font-face {
  font-family: 'FontAwesome2';
  src: url(''http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.eot?v=3.2.1');
  src: url(''http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
   font-weight: normal;
   font-style: normal;
}

и везде, где в стилях используется font-family:FontAwesome; заменить на font-family:FontAwesome, FontAwesome2.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот что говорит по этому поводу браузер. Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на http://www.maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.woff?v=3.2.1. Это может быть исправлено путем перемещения ресурса в тот же домен или включением CORS.

Костыль- добавить в файл font-awesome.css после блока

 

@font-face {

  font-family: 'FontAwesome';

  src: url('../font/fontawesome-webfont.eot?v=3.2.1');

  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

   font-weight: normal;

   font-style: normal;

}

блок

@font-face {

  font-family: 'FontAwesome2';

  src: url(''http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.eot?v=3.2.1');

  src: url(''http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

   font-weight: normal;

   font-style: normal;

}

и везде, где в стилях используется font-family:FontAwesome; заменить на font-family:FontAwesome, FontAwesome2.

 

сделал всё, как вы сказали

получилось вот что:

post-26592-0-13949300-1405512049_thumb.png

 

post-26592-0-27374700-1405512061_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Блок просто копировали? У меня там есть пара опечаток, не доглядел. Попробуйте добавить этот блок так.

@font-face {
  font-family: 'FontAwesome2';
  src: url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://maunfeld-bt.ru/catalog/view/theme/theme269/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

далее в этом же файле найти блок

[class^=icon-],
[class*= icon-] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
} и заменить на

[class^=icon-],
[class*= icon-] {
  font-family: FontAwesome,FontAwesome2;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

Ну и далее аналогично в стилях, везде где встречается строка font-family: FontAwesome; менять ее на   font-family: FontAwesome,FontAwesome2; Должно работать (при редактировании на живую в браузере работает). Но опять же повторюсь, это костыль и лучше разобраться в причине по которой возникает ошибка. Видимо что-то не так с настройками хостинга.

 

Есть более простое и некостыльное решение проблемы, если используется файл .htaccess В нем после строки RewriteBase / добавьте

RewriteCond %{HTTP_HOST} ^www\.maunfeld-bt\.ru$ [NC]
RewriteRule ^(.*)$ http://maunfeld-bt.ru/$1 [R=301,L]

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.