如何找到安装在用户机器上的合适字体？

Question

我正在制作一个电子邮件模板，并试图为其找到合适的字体。

我的问题是我根本无法使用@font-face（已使用 sendgrid 删除）。因此，我需要将字体安装在用户的机器上，并且无需使用 @font-face 即可通过 font-family 访问。

如何找到合适的字体来使用？还;我不能使用 Javascript，因为某些电子邮件客户端不允许这样做。

Answer 1

如果你想看 "how many machines have them installed." - 这根本不可能，甚至不是正确的方法。

正确的方法（安全网络字体）将使用@font-face从用户本地机器（Windows/MAC 预装）使用 local() 从用户那里获取预装字体。

font-face {
    font-family: 'myFont';
    src: local('Verdana');
    src: local('Arial');
    src: local(sans-serif);
    //result would be - font-family: 'Verdana', 'Arial', sans-serif;
}

任何 Windows 用户计算机中提取字体的位置是：

C:\Windows\Fonts

任何 MAC 用户计算机中提取字体的位置是：

/Library/Fonts/

您也可以在这里看到所有其他预安装的字体。

您可以从中查看 Windows & MAC

上预装的所有常用字体

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

http://web.mit.edu/jmorzins/www/fonts.html

已更新

如果 sendgrid 正在剥离您所有的嵌入样式，那么请在您的 elements/body.

上使用内联样式

<body style="font-family: 'myFont'; src: local('Verdana');">...</body>

还有一些不错的 inliner 可以将您的嵌入式 CSS 转换为内联 CSS。

Zurb 电子邮件内衬 - http://foundation.zurb.com/emails/inliner.html

如何找到安装在用户机器上的合适字体？

How to find suitable fonts that are installed on a user's machine?

html

web

fonts

font-family