Question

我正在制作电子邮件传单，我可以为我的标题（<h1>）使用自定义字体，而不是整页。

这是我正在使用的代码但是当我在Outlook中查看时它似乎不起作用。这是一个CSS问题还是Outlook没有很好地处理代码？

我的字体文件也与我的html文件位于同一位置。

@font-face {
font-family:Bebas;
src:url(BEBAS__.TTF);
}

Answer 1

这里需要给出绝对路径位置是一个简单的例子：

@font-face {
font-family:Bebas;
src:url("c:\\path\\to\\font\\BEBAS__.TTF");
}

那应该有用。如果没有“”没有尝试。

正如你所说，它是在线托管的。它不应该压缩，因为这不会工作。如果你必须链接到文件的位置（一旦解压缩），就像这样：

@font-face {
font-family:Bebas;
src:url("www.yourwebsite.com/thepath/BEBAS__.TTF");
}

Answer 2

问题是字体路径。您必须为您的字体提供绝对路径，以便在电子邮件客户端上工作。

对于实例，

src:url(BEBAS__.TTF);应转换为类似src:url(http://www.yourdomain.com/BEBAS__.TTF);

的内容

Answer 3

根据内森的建议，你需要有绝对的路径例如

@font-face {
font-family: 'bebasregular';
src: url('BEBAS___-webfont.eot');
src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
     url('BEBAS___-webfont.woff') format('woff'),
     url('BEBAS___-webfont.ttf') format('truetype'),
     url('BEBAS___-webfont.svg#bebasregular') format('svg');
font-weight: normal;
font-style: normal;

}

Answer 4

在电子邮件中使用网络字体的最佳方式：

http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email

Answer 5

即使你为Nathan提供了正确的字体路径，我也很确定它仍然无效。

当你在标题区域中制作电子邮件布局时，想法根本不使用CSS ，就像在普通的html页面上一样。问题是某些电子邮件客户端会忽略您的标头。

我希望我的<h1>使用我下载的字体</h1>

5 个答案: