2016-12-07 7 views
2

Я загрузил FontAwesome zip с исходного сайта. и включил файл font-awesome.css на моем сайте.Хостинг веб-сайта font-awesome Запрос на перекрестный запрос Заблокирован

Значки Ealier отображаются отлично, теперь значки не появляются, показывая нижеприведенную ошибку. могу я знать причину вопроса.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.traderstree.com/application/views/scripts/templates/clothing-3/includes/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). 

Мой сайт: traderstree.com

+1

'http: // traderstree.com /'! = 'Http: // www.traderstree.com /' Ваш HTML вставляет все таблицы стилей с абсолютным URL-адресом, начинающимся с 'http: // www.traderstree.com/' , и что _is_ другой домен, когда вы посещаете свой сайт без ведущего 'www'. Либо сделайте ссылки на таблицу стилей ссылок на относительные URL-адреса, либо автоматически перенаправите пользователя из версии, отличной от www, в www-версию, когда они войдут на ваш сайт. – CBroe

+0

ОК, я должен поддерживать каждый раз www.sitename.com Где бы я ни использовал на своем сайте.? –

+1

Если вы вставляете свои таблицы стилей с использованием абсолютных URL-адресов, пользователь должен просмотреть страницу через «соответствующий» домен, иначе вы получите эту проблему CORS с веб-сайтами. – CBroe

ответ

6

Попробуйте это в .htaccess:

<FilesMatch "\.(ttf|otf|eot|woff)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

И убедитесь, что вы включили его с "Судо a2enmod заголовки" и перезапустить Apache.

+0

Я не могу контролировать хостинг, любой альтернативный подход мысли программирования.? –

+0

У вас есть FTP-доступ? Затем вы можете создать файл .htaccess в корневом каталоге и заполнить приведенный выше контент. – Polaris