有没有办法在电子邮件模板中使用其他网站字体？

Question

我正在创建电子邮件模板。现在我想使用与我网站字体相同的字体。

有没有办法在电子邮件模板中使用我的网站字体？

下面是我的html.

<!DOCTYPE html>
<html>
<head>
<style>     
@font-face {
    font-family: 'XSANS';
    src: url('http://new.bama.ir/content/font/XTX-FNT-XEROSANS-REGULAR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ab{ font-family: "XSANS";
 direction: rtl;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    text-align: justify;
color:#919191}

</style>
</head>
<body>

<div class="ab">این برای تست . این برای تست . این برای تست .
</div>
</body>
</html>

现在的问题是我的模板字体与网站不同。收到电子邮件时，电子邮件中的字体会发生变化。我也需要在电子邮件中使用相同的字体。

请帮我解决这个问题。

提前致谢。

Answer 1

您可以先转换ttf字体以获得所有需要的文件here

这是您的css代码

@font-face {
  font-family:'XTX-FNT-XEROSANS-REGULAR';
  src:url('../font/XTX-FNT-XEROSANS-REGULAR.eot');
  src:url('../font/XTX-FNT-XEROSANS-REGULAR.eot?#iefix') format('embedded-opentype'),
    url('../font/XTX-FNT-XEROSANS-REGULAR.woff') format('woff'),
    url('../font/XTX-FNT-XEROSANS-REGULAR.ttf') format('truetype');
}

Answer 2

在html-电子邮件中使用@font-face 或其他现代技术在电子邮件客户端中没有得到很好的介绍，所以我会远离任何现代的东西。

大多数客户端不会获取外部内容，就像图像被阻止一样，其他外部资源也是如此，例如 .eot 等。一些客户端可能支持数据 uris (https://css-tricks.com/data-uris/)，但可能不支持很好的支持。

相反，享受 90:ies:

使用表格进行布局。
仅内联样式="color:#123123"。
用图形伪造任何高重要性字体。（徽标等）。

有没有办法在电子邮件模板中使用其他网站字体？

Is there any way to use other website font in email template?

html

css

fonts