html - 跨域字体问题

Question

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

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

第一个字体，Cyclone，格式为OTF。

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

我们有一个为我们发送时事通讯的系统，我只需要向该系统上传一个 html 文件，其中包含结构、图像和时事通讯内容，并上传时事通讯中需要的图像。

之后，我可以通过将其发送给我自己来进行预览。

1. 首先，我无法将字体或其他任何内容上传到时事通讯 系统除了图像和 html。
2. 其次，我已将两种字体和 css 上传到我们网站的媒体 文件夹(公共(public)文件夹)，我们还将图像加载到网站。
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上使用字体:

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。

如果它在一台机器上对您有效，则可能意味着您安装了该字体。尝试在另一台机器上测试它，看看会得到什么结果。此外，通过 email on acid 等系统测试您的电子邮件代码也是值得的，以了解它如何对不同的电子邮件系统(例如 gmail 或 outlook)使用react和中断。

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