Междоменные проблемы с font-face

пожалуйста, прочитайте все это, прежде чем комментировать.

В настоящее время я работаю над большим веб-сайтом, который размещен на Amazon Web Services (AWS). Это позволяет нам использовать функции масштабирования в ситуациях, когда сайт может принимать большую нагрузку трафика.

Первоначально мы начали с разделения кода сайта на HTML/PHP/Java и т.д. и размещения статических активов на отдельном сервере. Когда я впервые попробовал использовать font-face в этой установке, я обнаружил, что Firefox и IE не загружают шрифт, и быстро понял, что это проблема кросс-домена. Существует множество решений этой проблемы, в том числе изменение заголовков, чтобы разрешить доступ к файлам шрифтов. Однако используемая нами система хранения не позволяет модифицировать заголовки такого типа.

В попытке проверить, смогу ли я заставить шрифты работать во всех браузерах, я переместил их и CSS-файл, вызывающий их, в тот же домен, что и сайт. Однако они по-прежнему не загружаются ни в Firefox, ни в IE. Если я копирую код и запускаю его локально в своих документах, все выглядит нормально во всех браузерах (поэтому файлы не могут быть повреждены). Firefox определенно находит файлы, так как я вижу, что они загружаются через FireBug.

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

Вот CSS шрифтов, которые я использую вместе с хаком смайлов:

@font-face {
    font-family : "AllerRegular";
    src : url('aller_rg-webfont.eot');
    src : local('☺'),
          url('aller_rg-webfont.woff') format('woff'), 
          url('aller_rg-webfont.ttf') format('truetype'), 
          url('aller_rg-webfont.svg#webfontooYDBZYS') format('svg');
    font-weight : normal;
    font-style : normal;
}

Файл CSS находится в том же каталоге, что и шрифты.

Я также установил типы MIME в файле .htaccess, который находится в той же папке, что и шрифты.

AddType application/vnd.ms-fontobject .eot
AddType font/truetype .ttf
AddType font/opentype .otf
AddType font/opentype .woff
AddType image/svg+xml .svg .svgz
AddEncoding gzip .svgz
<FilesMatch "\.(ttf|otf|eot|woff|svg)$">
        <IfModule mod_headers.c>
                Header set Access-Control-Allow-Origin "*"
        </IfModule>
</FilesMatch>

Если у вас есть какие-либо идеи, пожалуйста, предложите.
Я ищу в Интернете уже несколько дней, но все решения не помогли.

17
задан diggersworld 23 November 2011 в 16:32
поделиться