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

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

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

相反，享受90：ies：

使用表格进行布局。
内联样式=＆＃34;颜色：＃123123＆＃34;仅
使用图形伪造任何具有高重要性的字体。（标志等）。

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

2 个答案: