字体堆栈 是字体和字体关键字的列表，用于让浏览器了解我们的首选和后备字体。例如，字体堆栈可以是“Helvetica Neue, Arial, sans-serif”，这表示 Helvetica Neue 是我们最喜欢的字体（如果有的话），然后是 Arial（在大多数计算机上都有），最后是通用 sans -serif 字体，模糊，但保证我们不会意外显示像 Times New Roman 这样的衬线字体。
Zendesk 现在使用 系统字体堆栈 ，可识别您的操作系统，并将其原生使用的字体应用于其自己的界面。由于您的操作系统已针对这些字体进行了优化，因此它们往往加载速度更快，感觉和外观都不错，呈现清晰，并具有非常完整的受支持字符集。以前，Zendesk 使用 Proxima Nova 作为其默认字体。
这是 Zendesk 的系统字体堆栈：
body
{font-family: system-ui, -apple-system,
BlinkMacSystemFont, “Segoe UI”,
Roboto, Oxygen-Sans, Ubuntu, Cantarell,
“Helvetica Neue”, Arial, sans-serif; }
此堆栈反映在整个 Support 产品中。
操作系统和浏览器详情
Windows
尽管 Windows 操作系统上的大多数浏览器，包括 IE 和 Edge，都不支持关键字来使用系统字体，但我们仍然可以通过在字体堆栈中包含字体“Segoe UI”来进行匹配。
macOS
Apple 提供了一个新的字体关键字 -apple-system，将解析为系统字体。今天，这就是 San Francisco。Apple 之前已更改其系统字体，并且可能在一天之内再次更改。当发生这种情况时，使用最新操作系统的用户将在使用 font 关键字的网站上看到该字体；旧系统上的用户仍将看到 San Francisco。
其它任何地方
Chrome 现在支持“system-ui”，这是一个字体关键字，可解析为 所有 操作系统（包括 Windows、Mac 和 Linux）上的系统字体。更多浏览器将很快添加此关键字。与此同时，我们的堆栈中还包含了一些特定于 Linux 的字体。
为什么使用系统字体？
系统字体在字距调整和可读性方面优于非系统字体。有关更多详情，请参阅以下部分。
字距调整
适用于 Windows 操作系统和 Mac 操作系统的系统字体都默认带有字距调整。字距调整是指使宽字母和细字母更具可读性的字母间距。一些网络字体，如 Proxima Nova，需要启用和调整字距调整设置。
Proxima Nova：
系统字体堆栈：
可读性
系统字体通常比当前的 Proxima Nova 字体粗。这使其更易于阅读，并突出显示文本和背景之间的对比度。尽管字体稍大一些，但不会影响您在屏幕上看到的信息量，因为容器大小未更改。
翻译免责声明：本文章使用自动翻译软件翻译，以便您了解基本内容。 我们已采取合理措施提供准确翻译，但不保证翻译准确性
如对翻译准确性有任何疑问，请以文章的英语版本为准。