跨域字体问题

Question

很抱歉很长的帖子，但是在我的问题之前你需要一些背景知识，因为这是一个奇怪的设置而且非常复杂。

我有两种字体需要在新信息中。

第一种字体Cyclone的格式为OTF。

第二个Albert，格式为EOT和WOFF。

我们有一个系统可以为我们发送简讯，我只需要将html文件上传到该系统，其中包含结构，图像和简报内容，并上传需要在简报中的图像。

之后我可以将它发送给我自己预览。

1. 首先，我无法将字体或其他任何内容上传到简报中 系统除了图像和HTML。
2. 其次，我已将这两种字体和css上传到我们网站的媒体上 文件夹（公共文件夹），我们也将图像加载到网站。
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，然后使用它，没有工作 - 同样的错误/警告。

设置可能听起来很奇怪，而且确定，我试图绘制设置的方式，所以希望它更有意义。



任何人都可以帮助我，不需要编辑.htaccess文件就需要做什么。为什么Cyclone.otf工作而不是其他工作，即使将其转换为otf？

Answer 1

特殊字体不适用于电子邮件。您还必须使用arial等基本Web字体。

如果它在一台机器上适用于您，则可能意味着您已安装该字体。尝试在另一台机器上测试它，看看你得到了什么结果。此外，还可以通过像酸电子邮件这样的系统来测试您的电子邮件代码，以了解它对不同电子邮件系统（如Gmail或Outlook）的反应和中断。

以下是电子邮件字体指南：http://templates.mailchimp.com/design/typography/