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

【问题标题】：Is there any way to use other website font in email template?有没有办法在电子邮件模板中使用其他网站字体？
【发布时间】：2023-03-07 01:28:01
【问题描述】：

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

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

下面是我的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>

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

请帮帮我。

提前致谢。

【问题讨论】：

电子邮件模板在哪里？
@gaurav5430 此 html 用于电子邮件模板。及其在数据库中。我正在从 db 生成获取 html 并发送电子邮件，但字体系列不起作用。
首先，您可以从本地系统或其他网站的任何地方使用该字体。但我建议您在本地系统中下载字体然后使用它（以避免网络消耗），并且电子邮件模板中的字体支持也取决于电子邮件客户端，因此请注意这一点。

标签： html css fonts

【解决方案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');
}

【讨论】：

收到电子邮件时，电子邮件中的字体会发生变化。我也需要在电子邮件中使用相同的字体。
不，您可以在电子邮件中链接 css 和字体，但不包括它们。我放置示例代码为您更改此../ 以链接例如：Yourwebsite.com/font/XTX-FNT-XEROSANS-REGULAR.eot 等等
请将您的完整电子邮件代码和字体发送给我，我将使用此字体向您发送电子邮件。有什么问题请追问
@lanfontein;请给我你的邮件ID。
lafontein@protonmail.ch

【解决方案2】：

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

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

相反，享受 90:ies：

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

【讨论】：