Активы Magento Go.

Question

Я сейчас работаю на сайте Magento Go. Я приобрел веб -шрифт у шрифта пружины и загрузил 4 файла шрифта (EOT, WOFF, TTF и SVG) через систему администратора, используя инструмент активов шрифтов.

Когда я вставляю шрифты, к моему пользовательскому CSS добавляется следующий код CSS:

../css_editor_fonts/ProximaNova-Sbold-webfont.eot
../css_editor_fonts/ProximaNova-Sbold-webfont.ttf
../css_editor_fonts/ProximaNova-Sbold-webfont.woff
../css_editor_fonts/ProximaNova-Sbold-webfont.svg

Затем я применил эти относительные пути к правильному декларации по кросс-браузеру @Font-Face, см. Ниже:

@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../css_editor_fonts/ProximaNova-Sbold-webfont.eot');
    src: url('../css_editor_fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('../css_editor_fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

Шрифт упоминается в моих пользовательских CSS, как SO:

font-family: 'proxima_nova_ltsemibold';

Это работает в IE7/8 и в последнем Chrome, но не в IE 9/10 или Firefox.

Я думаю, что причина, по которой шрифт не работает в IE9/10, а Firefox связана с перекрестным просьбом, который, как я видел, обсуждал довольно много, и моя консоль IE содержит эту ошибку:

@font-face не удалось перекрестно просьба. Доступ к ресурсам ограничен.

Существует редактирование, которое можно сделать в файл HTACCESS, чтобы позволить шрифтам работать в этих браузерах-его называют-торигин-контроль Access-Control-Allower из того, что я прочитал.

Кто -нибудь знает, можете ли вы обновить или создать файл HTACCESS для Magento Go?

Ваше здоровье.

Answer 1

Я не смог получить загруженные файлы шрифтов для всех браузеров, но мне удалось получить шрифт с использованием http://fontdeck.com/. Анкет Какой сервис обслуживания шрифтов вы используете, не имеет значения, но я смог успешно использовать его.

Я поговорил с членом команды поддержки Magento GO (через Live Chat) и объяснил проблемы, которые у меня были, с загруженными файлами шрифтов, не обслуживаемых в различных браузерах из-за перекрестных запросов. Я объяснил решение HTACCESS, чтобы обеспечить порцию шрифтов, и их ответ был примерно в соответствии с «Наши серверы не поддерживает пользовательские файлы HTACCESS».

Я попытался использовать абсолютные пути для свойств SRC правила @Font-Face, но я думаю, что Magento Go добавляет их в ваш пользовательский CSS в любом случае, поскольку он, похоже, обрабатывается из редактора тем и связан с шаблонами.

РЕДАКТИРОВАТЬ: Я забыл упомянуть, что я также попытался BASE64 кодировать файлы шрифтов в CSS, используя генератор веб -шрифта Squirrel Squirrel (http://www.fontsquirrel.com/tools/webfont-Generator) Я загрузил свои купленные файлы, включил необходимые расширенные настройки, загрузил CSS с кодированным шрифтом (думаю, это был просто WOFF, который был закодирован), загружен этот CSS на мою тему ... а затем Magento Go применял тот же абсолютный путь к Свойство SRC, нарушающее закодированный шрифт, потому что у него был случайный URL перед ним.

Я поднял билет на поддержку с Magento go, объяснив проблемы и спросил, что они собираются сделать, чтобы позволить загруженным файлам шрифтов для всех браузеров. Я надеюсь, что это поднятся на запрос функции или что -то подобное.

На данный момент это должно быть сервис для обслуживания шрифтов. Я использовал код встраивания JavaScript из колоды шрифта. Я поместил предоставленный JS в статический блок, а затем добавил этот блок на все страницы, используя приложение переднего конца. Вы можете использовать метод встраивания ссылок HTML из колоды Font, но его необходимо добавить в заголовок перед любыми тегами сценария, которые невозможно использовать редактор темы Magento Go.

Надеюсь, это может помочь кому -то в краткосрочной перспективе. В долгосрочной перспективе, я надеюсь, что Magento найдет решение этих проблем.

Answer 2

Пожалуйста, попробуйте использовать абсолютные полные пути (с HTTPS/HTTP) для шрифтов вместо относительных путей.