Joe Richardson 在 CodePen 上 分享了这个小技巧
body {
/* operating system font */
font: caption;
}
- 如果您使用的是 Ubuntu，这将是 Ubuntu 字体。
- 如果您使用的是 Yosemite，这将是 Helvetica。
- 如果您使用的是 El Capitan，这将是 San Francisco。
- 如果您使用的是 Microsoft，这将是 Segoe UI。
不完全确定它的支持情况，但如果它能满足您的需求，它比 直接声明它们 或 使用 JavaScript 推断出来 要容易得多。
更新： Viljami Salminen 对此进行了更多测试，看起来 iOS 中存在一些问题。请务必 查看他的 Pen 以获取更多信息。