Question

我创建了一个我希望能够在电子邮件中使用的手写字体。我读了CSS，发现你可以使用@ font-face来指定你想在电子邮件中使用的在线自定义字体。但是，我的字体在网上找不到，而且它似乎只能使用谷歌驱动器或保管箱链接。我目前的代码是：

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: MyDumbFont;
    src: url(https://drive.google.com/file/d/1jd3o49BW07_3FNihjipRbblQ1gP7Sady
}

div {
    font-family: MyDumbFont;
}
</style>
</head>
<body>
<div> Please work. </div>
</body>
</html>

我也尝试使用Dropbox链接：https://www.dropbox.com/s/t0cvl2rcut640sc/Myfont-Regular.otf?dl=0 \

似乎这些链接不允许字体正常打开。是这种情况，还是我做了一些愚蠢的格式化问题？

我今天之前从未真正使用过HTML和CSS，所以我可能会犯某种格式/语法错误。有人告诉我要把这个用于工作，但这种编码类型的东西通常不在我的职权范围内（这是一个相当小的业务，我只是那个＆＃34;很好的人计算机＆＃34;。）

非常感谢任何和所有帮助。

Answer 1

可以在MSOutlook签名中使用XML创建自定义样式和格式，但除此之外，在电子邮件中尝试使用自定义HTML / CSS /字体或其他标记通常是不明智的，因为绝大多数电子邮件被剥夺了多余的代码以防止攻击。

大多数电子邮件都会阻止邮件正文中的HTML / CSS显示，而且图像占用的时间也相同。

此外 - 我可能在这里错了 - 但我不知道Dropbox或Google云端硬盘是否会要求您尝试将它们有效地用作CDN。

Answer 2

Dropbox不允许通过您提到的网址提供跨域请求。如果您将www.替换为dl.，则会获得一个链接。

以下是一个工作示例：https://jsfiddle.net/gqov0rmu/6/

也许考虑为您的文件购买一些网站空间，因为Dropbox和GoogleDrive不是为此而制作的。

如何在网站上找不到的电子邮件中包含自定义字体？

2 个答案: