Веб-шрифт, размещенный на другом домене - PullRequest
Новая
       16

Веб-шрифт, размещенный на другом домене

2 голосов
/ 18 февраля 2011

Я хотел бы знать, возможно ли размещать веб-шрифты в другом домене. Мой CSS размещен на Amazon CloudFront и мои веб-шрифты тоже, но они не отображаются. Это было нормально, когда мой CSS был локальным.

это мой style.css в CloudFront: 

@font-face {
    font-family: 'Aller';
    src: url('/app/files/fonts/allerdisplay-webfont.eot');
    src: local('☺'), url('/app/files/fonts/allerdisplay-webfont.woff') format('woff'), url('/app/files/fonts/allerdisplay-webfont.ttf') format('truetype'), url('/app/files/fonts/allerdisplay-webfont.svg#webfontLZ8nc4vC') format('svg');
    font-weight: 900;
    font-style: normal;
}

Таблица стилей размещается в CloudFront с использованием субдомена: static.mydomain.com/style.css. Веб-шрифт можно загрузить из: static.mydomain.com/app/files/fonts/allerdisplay-webfont.ttf

К сожалению, когда таблица стилей вызывается из mydomain.com, она не загружается.Мне было интересно, если это ограничение или что-то в этом роде.

Спасибо

1 Ответ

2 голосов
/ 18 февраля 2011

Не должно быть проблем с абсолютным путем для URL в объявлении стиля.

В приведенном выше коде у вас есть относительные URL-адреса.
Вам нужен URL-адрес абсолютного пути, например:

"http://static.mydomain.com/app/files/fonts/allerdisplay-webfont.ttf" (абсолютное значение)

- нет -

"/ app / files / fonts / allerdisplay-webfont.ttf" (относительный)

Теоретически, в зависимости от архитектуры вашего субдомена, вы могли бы найти способ поддерживать относительный URL, но это не стоило бы хлопот. Просто используйте абсолютный и покончите с этим.

[предыдущие предложения были опубликованы до публикации соответствующего кода] Но Google Web Fonts достигает всего этого, перемещая всю таблицу стилей в облако. Если вы не можете запустить его внутри таблицы стилей, вместо этого вы можете попробовать создать отдельную таблицу стилей, подобную этой.

Тем не менее, обратите внимание, что для обеспечения кросс-браузерной совместимости вам нужно несколько разных форматов файлов шрифтов ... это может быть проблемой. FontSquirrel имеет генератор набора шрифтов, который вы можете проверить на это.

...