2015-05-21 4 views
2

Извините за длинный пост, но перед тем, как задать вопрос, вам нужна дополнительная информация, так как это довольно сложная установка.Проблемы с кросс-доменными шрифтами

У меня есть два шрифта, которые должны быть в новом формате.

Первый шрифт, Cyclone, находится в формате OTF.

Вторым, Albert, является формат EOT и WOFF.

У нас есть система, которая отправляет информационные бюллетени для нас, мне нужно только загрузить html-файл в эту систему, которая содержит структуру, изображения и содержимое информационного бюллетеня, а также загрузить изображения, которые должны быть в бюллетене.

После этого я могу просмотреть его, отправив его мне.

  1. Во-первых, я не могу загрузить шрифты или что-нибудь еще в информационный бюллетень системы, кроме изображений и html.
  2. Во-вторых, я загрузил как шрифты, так и css в медиатеку нашего webiste (общая папка), где мы также загружаем изображения на веб-сайт.
  3. В-третьих, я или кто-либо еще, не имеют доступа к файлу .htaccess, и мы никогда не получим его, поскольку сайт размещен где-то, и получить , который исправлен для междоменного для бюллетеней, является большим задача для такая маленькая работа.

В бюллетене я загружая шрифт, как это:

@import url(xxx.com/media/fonts/albert.css); 

и CSS выглядит следующим образом:

@font-face { 
font-family: Albert; 
src: url("fsalbertwebregular.woff") format("woff"); 
} 

также пытались эту установку в CSS:

@font-face { 
font-family: 'Albert'; 
src: url('FSAlbertWeb-Regular.eot'); /* IE9 */ 
src: url('FSAlbertWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
url('FSAlbertWeb-Regular.woff') format('woff'); /* Modern Browsers */ 
font-weight: normal; 
font-style: normal; 
} 

И затем используйте шрифт на корпусе:

body{ 
    font-family: 'Albert', times new roman; 
} 

Но делая это, я получаю эту ошибку/предупреждение:

CORS-headeren 'Access-Control-Allow-Origin' 

Самое смешное, когда я использовал шрифт Cyclone.otf, он работал отлично. Когда я использую albert.eot или albert.woff, он не работает. Затем я попытался преобразовать woff в otf и использовать это, не работал - такая же ошибка/предупреждение.

Установка может показаться странной, и я уверен, что я попытался нарисовать, как настроено устройство, поэтому надеемся, что это будет иметь больший смысл.

enter image description here

Может кто-нибудь помочь мне с этим, то, что должно быть сделано без редактирования файла .htaccess.И почему работает Cyclone.otf, а не другие, даже после их преобразования в otf?

+3

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

+0

Я получил Cyclone, чтобы работать, так что что-то работает? –

+1

Этот шрифт на вашей машине? он работал на машине, у которой не установлен этот шрифт? - Если он работал для одного, тогда он должен работать на всех. – Andrew

ответ

1

Специальные шрифты не будут работать в электронных письмах. Вы должны по-прежнему использовать базовые веб-шрифты, такие как arial.

Если это сработало для вас на одной машине, это может означать, что у вас установлен этот шрифт. Попробуйте проверить его на другой машине и посмотреть, какие результаты вы получите. Также стоит проверить код электронной почты через систему, такую ​​как электронная почта на кислоте, чтобы увидеть, как она реагирует и перерывы на разные почтовые системы, такие как gmail или Outlook.

Вот руководство по электронной почте шрифтов: http://templates.mailchimp.com/design/typography/

Смежные вопросы