跨域字体问题

Question

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

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

第一个字体 Cyclone 的格式为 OTF.

第二个 Albert 格式为 EOT 和 WOFF.

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

之后我可以通过发送给自己来预览它。

首先，我无法将字体或其他任何内容上传到时事通讯系统除了图像和 html.
其次，我已经将两种字体和 css 上传到我们网站的媒体文件夹（public 文件夹），我们还将图像加载到网站。
第三，我或其他任何人都无法访问 .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;
}

但是这样做，我得到了这个 error/warning:

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

有趣的是，当我使用 Cyclone.otf 字体时，它工作正常。当我使用 albert.eot 或 albert.woff 时，它不起作用。然后我尝试将 woff 转换为 otf，并使用它，但没有用 - 相同的 error/warning.

设置可能听起来很奇怪，但可以肯定的是，我已经尝试绘制设置是如何设置的，所以希望它更有意义。

谁能帮我解决这个问题，需要在不编辑 .htaccess 文件的情况下完成哪些工作。为什么 Cyclone.otf 有效而不是其他的，即使在将它们转换为 otf 之后？

Answer 1

特殊字体在电子邮件中不起作用。你还是得用arial等基本的网络字体。

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

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

跨域字体问题

Cross-domain font problems

html

css

.htaccess

fonts