пожалуйста, прочитайте все это, прежде чем комментировать.
В настоящее время я работаю над большим веб-сайтом, который размещен на 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>
Если у вас есть какие-либо идеи, пожалуйста, предложите.
Я ищу в Интернете уже несколько дней, но все решения не помогли.